#User Interface - Guide to Solve different kinds of Problems

Browse the beautiful apps built using Flutter

How to Create Bullet List in Flutter

How to Create Bullet List in Flutter

In this example, we will show you how to add or create a bullet list in Flutter. In HTML you may have used ʺʺ, ʺʺ, ʺʺ tag to make bulleted list, but here in Flutter, you have no such widget. You have to make a custom bullet list.

How to Generate Random Color in Flutter

How to Generate Random Color in Flutter

In this example, we are going to show you the easiest way to generate infinite numbers of random colors or finite random colors from a specific list. This example is in simplified form, see the code below:

How to shape Container as Circle in Flutter App

How to shape Container as Circle in Flutter App

In this example, we are going to show you the easiest way to shape container as circle using circular border raius. We will use BoxDecoration() to shape container circular.

How to Disable/Enable Button (Elevated, Outline, IconButton) in Flutter App

How to Disable/Enable Button (Elevated, Outline, IconButton) in Flutter App

In this example, we are going to show the way to disable and enable programmatically buttons like Elevated, Outline, IconButton in Flutter Apps. See the example below to disable enable buttons in Flutter.

How to Blur Asset and Network Image in Flutter App

How to Blur Asset and Network Image in Flutter App

In this example, we are going to show you the easiest way to blur asset or network images in Flutter app. You may need to blur images inside your app in some user interface. See the example below to blur asset or network images in Flutter app.

How to Add Image from Assets Folder in Flutter App

How to Add Image from Assets Folder in Flutter App

In this example, we are going to show you the basic practice to add or insert images from the asset folder in Flutter App. Images are very important for any web and app development for interactive design. See the example below to insert images in your app from asset folder.

[Solved] ’Overflowed By Pixels’ Error on Keyboard Popup in Flutter

[Solved] ’Overflowed By Pixels’ Error on Keyboard Popup in Flutter

In this example, we are going to show you the way to solve ’overflowed by pixels’ error on the Keyboard popup or on screen content is overflowed. This usually happens when widget content is overflowed outside the screen.

How to make Search Bar, Show suggestions by PHP and MySQL

How to make Search Bar, Show suggestions by PHP and MySQL

In this example, We have made a search bar which is appeared when the “Search” icon gets clicked at App Bar. When a user inputs any query, it gets the suggestion from PHP and MySQL server and shows in the app.