How to specify Height and Width in Percent with respect to the screen in Flutter

Mobile phone devices are of various sizes and resolutions. Developing a mobile app that looks similar to all these phones is not easy. In such cases, mentioning height and width in percent with respect to the screen can help you. In Flutter, you can’t really specify some percent of width or height directly. You can … Read more

Stuck at Installing build\app\outputs\apk\app.apk… Flutter Issue Fix

Sometimes, when you run your Flutter project you may come across this particular Flutter issue- you get stuck at Launching lib/main.dart on XT1635 02 in debug mode… Built build/app/outputs/apk/debug/app-debug.apk… You may even wait for many minutes and your app wouldn’t start on your Android device. So, how to fix this Flutter issue? All you need … Read more

You need to have compileSdk set to at least 28 in your module build.gradle to migrate to AndroidX Flutter Issue Fix

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 … Read more

How to Add Padding in Flutter

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 … Read more

How to Add a Flat Button in Flutter

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 … Read more

How to Show SnackBar in Flutter

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 … Read more

How to Place a Button at the Top of the Screen in Flutter

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 … Read more

How to Place a Button at Bottom of the Screen in Flutter

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 … Read more

How to Add Hexadecimal Colors in Flutter

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 … Read more