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

Browse the beautiful apps built using Flutter

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.

How to Make Radial Car Speed Meter Like Gauge in Flutter

How to Make Radial Car Speed Meter Like Gauge in Flutter

In this example, we are going to show to make a car speedometer like radial gauge in flutter easily using the package. It is very hard for beginners to draw such figures in Flutter with custom paint.

How to Make Speed Dial Expandable Floating Action Menu in Flutter

How to Make Speed Dial Expandable Floating Action Menu in Flutter

In this example, we are going to show you the easiest way to make a speed dial expandable and collapsable menu on the Floating Action Button. Whenever user presses the FAB, the menu will expand or close according to its state.

How to Make Slide and Delete Item List in Flutter App

How to Make Slide and Delete Item List in Flutter App

List is the scrollable list of items of same kinds. For example, list of contact, list of city, etc. In this example, we are going to show you to build slidable list item, and whenever, user slides list item then show the action buttons. We have shown how to delete item from UI list as well as from array list.

How to Make Draggable and Expandable Floating Action Menu in Flutter

How to Make Draggable and Expandable Floating Action Menu in Flutter

In this example, we are going to make a draggable and expandable vertical Floating Action Button (FAB) menu in Flutter. Floating Action Button menus are important components for your app to integrate which helps to make the app more beautiful and interactive.

How to Make Floating Action Button Movable With Dragging in Flutter

How to Make Floating Action Button Movable With Dragging in Flutter

In Flutter, the Floating Action Button is not draggable by default. In this example, we are going to show you the best and easiest way to make a Floating Action Button Movable in Flutter App. See the example below to learn how to make the Floating Action button Draggable.

How to Listen Screen Orientation Mode Change in Flutter

How to Listen Screen Orientation Mode Change in Flutter

In this example, we are going to show you the best way to detect or listen to the Screen Orientation mode change from Landscape to Portrait or vice versa. This kind of functionality is very important to maintain the messy UI in App. See the example below for more details.

How to set Landscape or Portrait Orientation Mode in Flutter

How to set Landscape or Portrait Orientation Mode in Flutter

In this example, we are going to show you the best way to set Orientation mode in Flutter App. There are two orientations, i.e Landscape mode and Portrait mode. See the example below and learn how to set Orientation or switch Landscape mode to Portrait mode or vice versa.

How to set Minimum and Maximum Height or Width of Widget

How to set Minimum and Maximum Height or Width of Widget

Are you trying to set minimum height or width of Container() widget in a Flutter, then use ’constraints’ attribute and apply BoxConstraints() on it like below.

How to Enable or Disable Full Screen Mode in Flutter App

How to Enable or Disable Full Screen Mode in Flutter App

In this example, we are going to show you the best way to turn on fullscreen mode or exit from the fullscreen mode in Flutter App. Fullscreen mode can be used in different kinds of apps like games, IoT projects, or normal app as well.