To restrict only numeric input keyboard we have to provide a single line of code in our TextField. It’s a parameter by the name of keyboardType: and we enter an enum of TextInputType. The complete code is given below:- We will get a numeric keyboard...
flutter-ui
How to create Toast/Snackbar in Flutter.
Officially, Snackbars are the implementation of Toast messages in Flutter. Thus, we will show you how to create Snackbars in Flutter. Creating a Snackbar is simple in Flutter. Just like Navigation, we will require a ScaffoldState and we will use this to create the Snackbar....
How to add border to a widget in Flutter
You can add a border to any widget in Flutter.All you have to do is to make Container widget as the parent of the target widget.The Container contains a decoration parameter which can be manipulated as per requirement.Suppose we have a Text widget like:- This...
How to create a custom round icon button similar to FloatingActionButton
While FloatingActionButton always comes in handy when making a prominent icon button, sometimes we want to customize the button to suit our needs.For this we can use RawMaterialButton to get the customization we want.An example is given below:-
How to add an image as background image in Flutter page/activity
To add an image as background image in Flutter we can simply add the following code:- In the above code we use a Container() inside the Scaffold widget which gives us many customization options, one of which is decoration: parameter in which we will supply...
How to show Progress Indicator for Async tasks in Flutter
Today, we will be learning how to show the Progress Indicator while async tasks are performed in Flutter. Many times we require the progress indicator widget to show the user that a task is being performed, this makes sure the user does not get confused...
How to disable a button in Flutter.
To disable a Button in Flutter, we can simply give the onpressed: parameter a null value. This will disable the button. Something like this will work:- But our button will be of no use like this. Instead, a better approach is to create a helper...
How to use Hexadecimal color strings in Flutter.
By default we get the Colors widget in Flutter which comes with set of predefined material design colors like Grey,Red,Yellow etc. But oftentimes we require custom colors in the UI of our app. We can use the Color method which contains two constructors .fromRGBO() and...