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 it into integers. For this, you just need … Read more

How to Change Background Color of a Screen in Flutter

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 Scaffold widget as the root of your screen … Read more

How to Navigate from One Screen to Another in Flutter

Navigation is a very important aspect of mobile apps. Literally, we can’t create useful mobile apps without navigation. In this blog post, let’s check how to navigate between screens in Flutter. We call full-screen views of a mobile app the screens, but in Flutter, they are called routes. The navigation in Flutter is done by … Read more

How to Show Circular Progress Indicator in Flutter

In the previous blog post, I wrote about how to show linear progress indicator in Flutter. Here, in this blog post, let’s check how to show indeterminate circular progress indicator in your Flutter app. A progress indicator is really helpful as it lets the user some processes is ongoing inside the mobile app. In the … Read more

How to Show Horizontal Progress Indicator in Flutter

Progress Indicators have their own importance in mobile app UI. A progress indicator lets the user know that something is happening behind the screen. In this blog post, I will explain how to add horizontal progress indicator in Flutter. LinearProgressIndicator widget is used to show horizontal progress indicator with material design in Flutter. In the … Read more

How to add Image from Assets in Flutter

In this Flutter image example, I will show you how to show images from assets, that is images which are locally defined inside the project folder. First of all, create a folder named images inside your Flutter project directory. Now, add an image inside images folder. After that, open pubspec.yaml file from your project folder … Read more

How to Create a Gradient Button in Flutter

Buttons are important components of the mobile app user interface. Users always interact with buttons of a mobile app to trigger various actions. Because of these reasons, making a button beautiful and appealing has its own significance in mobile app development. In some design scenarios, making a button with gradient colors will be much better … Read more