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

Browse the beautiful apps built using Flutter

How to Style Partial Part on Text() Widget in Flutter

How to Style Partial Part on Text() Widget in Flutter

In this example, we are going to show how to format or style some specific partial parts only on the Text widget in Flutter. It is often needed to style some part with one style and some other part with another style.

How to Make Running Text Marquee Animation in Flutter App

How to Make Running Text Marquee Animation in Flutter App

In this example, you will learn to make running text marquee animation in Flutter App. It is like Tag in HTML. You can use this Marquee widget for various purposes.

How to Use Google Web Fonts on Flutter App

How to Use Google Web Fonts on Flutter App

In this example, we are going to show you the easy way to use Google Web Fonts on the Flutter app fully on offline mode. Google Fonts has a huge collection of Fonts free of cost.

How to Set Auto Aspect Ratio on Container Size in Flutter

How to Set Auto Aspect Ratio on Container Size in Flutter

In this example, we are going to set the size of the container with an auto aspect ratio. If we give any dimensional property length or breadth to the container, it will automatically resize another dimension according to the given aspect ratio.

How to Set Height of AppBar on Flutter

How to Set Height of AppBar on Flutter

In this example, we are going to show you the easiest way to set the height of AppBar on Flutter app. We will use PreferredSize() widget to set the Height of AppBar.

How to add Border Radius/Make Circular Image in Flutter

How to add Border Radius/Make Circular Image in Flutter

In this example, you will learn to add a border radius to the Image to make it oval or circular. We will use ClipRRect, ClipOval, Container widgets to add rounded corners to the Image to make it look like a circle or oval.

How to Add Padding/Margin on Text Widget in Flutter

How to Add Padding/Margin on Text Widget in Flutter

In this example, you will learn different ways to add padding and margin on the Text widget in Flutter. We will use, Padding() and Container() widget to wrap Text() widget and apply padding and margin. Furthermore, you will learn about EdgeInsets method.

How to Hide/Show Widget Programmatically in Flutter

How to Hide/Show Widget Programmatically in Flutter

In this example, we are going to show you the way to hide or show any widget programmatically in Flutter. To achieve this functionality on Flutter, you must have a knowledge of State management and using conditional statements in widgets.

How to Fix Vertical Divider Not Showing in Flutter App

How to Fix Vertical Divider Not Showing in Flutter App

When you add Vertical Divider inside Row, Wrap widget, it may not display, or display with irregular height. The main reason of this reason is the unrestricted height of the parent widget of Row/Wrap widget.

How to add Horizontal and Vertical Divider on Flutter

How to add Horizontal and Vertical Divider on Flutter

In this example, we are going to show you the easiest way to add a horizontal or vertical divider, change its color, thickness, and width in the Flutter app.

How to Make Custom Splash Screen with Duration of Display in Flutter

How to Make Custom Splash Screen with Duration of Display in Flutter

The splash screen is the best way to introduce your app to the users. You can add a custom splash screen to your flutter app with duration to display. In this example, we are going to show you the easiest way to create your own splash screen without depending on any packages.

How to Switch Dark/Light Theme and Primary Color in Flutter

How to Switch Dark/Light Theme and Primary Color in Flutter

Are you adding features to switch theme brightness and color on your app without much coding? Then have a look at the example below. In this example, we are going to show you the easiest way to switch the theme and primary color of your app.