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

Browse the beautiful apps built using Flutter

How to Add Transition Animation on Flutter Navigations [Easy Way]

How to Add Transition Animation on Flutter Navigations [Easy Way]

In this example, we are going to show you the easiest way to apply transitions on navigation while going from one screen page to another. We are using GetX package to apply transitions.

How to Show/Hide Password on TextField Input in Flutter App

How to Show/Hide Password on TextField Input in Flutter App

In this examle, we are going to show you how to add show or hide button at the end of TextFiled input in Flutter App, whenever user toggles the button, the asterisk ’*’ will be shown or hided.

How to add Password Input TextField in Flutter

How to add Password Input TextField in Flutter

In this example, we are going to show you the easiest to add password input type text field in Flutter app. Password filed is very important to get secret data like in login form.

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.