#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 Auto Break Row on Overflow in Flutter

How to Auto Break Row on Overflow in Flutter

If you are a web developer, then you may already have designed responsive UI on the web. Similarly, there are many elements that are very helpful in designing responsive UI. In this example, we are going to show you how to auto break the row on overflow.

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 Size Widget to Percentage of Screen Height/Width in Flutter

How to Size Widget to Percentage of Screen Height/Width in Flutter

In this example, we are going to show you the way to get screen height and width and apply the sizing of child widgets according to the percentage of Screen height and width. It is very important for responsive design.

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.