#Flutter UI - Guide to Solve different kinds of Problems (Page - 4)

Browse the beautiful apps built using Flutter

How to add Icon on Elevated Button in Flutter App

How to add Icon on Elevated Button in Flutter App

In this example code, we are going to show you the easiest way to add icon on Elevated Button. Icons are very important to represent the action of task of any widget inside app.

How to Enable Image Cache and Lazy Loading in Flutter

How to Enable Image Cache and Lazy Loading in Flutter

In this example, we are going to show you the easiest way to enable caching and lazy loading of image in Flutter App. Caching and lazy loading is great feature to reduce internet bandwidth transfer and faster app loading.

How to Show Dialog in Flutter App

How to Show Dialog in Flutter App

In this example, we are going to show you the easiest way to show different kind of dialog in Flutter Apps such as Material Alert Dialog for Android, Web and Desktop, or Cupertino for iOS platform.

How to Render/User SVG Vector Images in Flutter App

How to Render/User SVG Vector Images in Flutter App

In this example, we are going to show you the easiest way to render or display SVG vector images from Asset folder and from Network. See the examples below for details:

How to Apply Opacity and Make Any Widget Transparent in Flutter App

How to Apply Opacity and Make Any Widget Transparent in Flutter App

In this example, we are going to show you the easiest way to apply opacity on any kind of widget to make transparent in Flutter App. Opacity is an important factor in app designing and building.

How to Add Placeholder or Hint on TextField in Flutter App

How to Add Placeholder or Hint on TextField in Flutter App

In this example, we are going to show you how to add placeholder or hint text on TextField or TextFormField in Flutter App. Addationally, we will show you how to style and set text direction.

How to get Device Screen Size ’Height and Width’ in Flutter App

How to get Device Screen Size ’Height and Width’ in Flutter App

In this example, we are going to show you the easiest way to get device screen width and height in the Flutter app. See the example below for more details.

How to Set Asset or Network Image as Background on Container Widget

How to Set Asset or Network Image as Background on Container Widget

In this example, we are going to show you the way to set images from local assets or the internet as background on widgets like Container() or Card(). See the example below to see on details.

How to Disable Copy, Cut, Paste and Select All Toolbar on TextField Widget

How to Disable Copy, Cut, Paste and Select All Toolbar on TextField Widget

In this example, we are going to show you the way to disable copy, cut, paste, and select all toolbar on TextField widget. You may need to disable these toolbar on your app.

How to Use Flat Icons in Flutter App

How to Use Flat Icons in Flutter App

In this example, we are going to show you the way to use Flat Icons in Flutter App. Flat Icons are thin-weight icons that have very elegant looks.

How to set Font Shadow on Text Widget in Flutter

How to set Font Shadow on Text Widget in Flutter

In this example, we are going to show you the way to change the font shadow of Text widget in Flutter. Font shadow gives more vibrance look on text.

How to Notch Floating Action Button in Bottom Navigation Bar onFlutter App

How to Notch Floating Action Button in Bottom Navigation Bar onFlutter App

In this guide, we are going to show you the way to set a notched floating action button into bottom navigation app bar. The notched floating action button in bottom bar makes your app user interface beautiful.