You may face this Flutter AndroidX error when you try to migrate your Flutter project to AndroidX. In Android Studio, you would come across a dialog box saying: You need to have compileSdk set to at least 28 in your module build.gradle to migrate to AndroidX So, how to fix this Flutter issue? Open the…
On Android devices, users prefer the hardware back button to navigate back. Even though the actions of the back button are generally desirable, sometimes you may need to customize the action of the hardware button. In this blog post, Let’s see how to customize the back button actions using BackHandler and react-navigation library. The BackHandler…
Margins are required to align and place components of your user interface properly and neatly. In this blog post let’s check how to add margins to a widget in Flutter. I had already posted on how to add padding to a widget in flutter. In order to set margins to a widget, you need to…
Proper padding is an important factor while designing a mobile user interface. Giving proper padding to each component makes the layout neat and more beautiful. In this blog post, let’s see how to add padding in Flutter. Padding can be applied using two classes – Padding and EdgeInsets. The Padding widget insets the child by…
Update: The FlatButton is deprecated. You should use the OutlinedButton instead. A Flat Button in Flutter is different from Raised Button. FlatButton widget is basically a text on the material widget which reacts to the touches. Unlike RaisedButton, Flat Button doesn’t have elevation property. Hence, if you want a button which is not much fancy…
In Material Design, a SnackBar shows the user briefly some kind of useful information. Having SnackBar in your mobile application will really help users to get information about their actions inside the app. In this blog post, let’s see how to add and display SnackBar in Flutter. The SnackBar class is needed to create a…
Alignment is an important aspect while designing your mobile app user interface. Sometimes, you may want to align your widget at the top of the screen in Flutter. In this blog post, I am going to show you how to add a button and place it at the top of the screen in Flutter. I…
While designing the mobile user interface, sometimes we may need to align widgets at the bottom of the screen. In this blog post, let’s check how to place a button at the bottom of the screen in Flutter. We need to use Align class to align widgets at the bottom, Align class has a property…
By default, you cannot add hexadecimal color code directly to Flutter. In this blog post, let’s check how to add hex color codes in Flutter. The hexadecimal string is not accepted because the Colors class accepts only integers. Hence, while specifying hexadecimal colors we need to convert them into integers. For this, you just need…
Making a mobile app user interface beautiful has many aspects. Sometimes, you may want to change the plain white background color of screens to make your app looks cool. In this blog post, let’s see how to change the background color of a screen in Flutter. Making the Scaffold widget the root of your screen…
Redux is the most popular application state management library used in react as well as react native apps. In this blog post, I will explain to you how to do API calls or HTTP requests in react native with redux and Axios. Update: Check out my new blog post on how to do API calls…
The mobile app user interface should be made beautiful to attract the attention of its users. In some scenarios, setting an image as the background for a screen can make the app looks more appealing, and cool. In this blog post, let’s check how to make an image background for a screen in react native….