TextField is a widely used widget in Flutter. You may use it to create a simple form or just use it to allow users to enter a message in a chat app. It serves as the primary widget to get the user’s input. Sometimes you may need to change its height and width to match your …
How to Set Height And Width Of TextField In Flutter Read More »
There are many ways to create a circle icon Button in Flutter, but in this tutorial, we’ll cover only the following top 2 approaches: Using the FloatingActionButton Using the ElevatedButton 1. Using the FloatingActionButton (Recommended) The FloatingActionButton is a dedicated widget to create the circular icon button. Creating Basic Button Steps to create a basic circle icon …
How to Create Circle Icon Button In Flutter, 2 best ways Read More »
“The picture is worth a thousand.” Isn’t it true? Photographs/images help to understand complicated things in a simple way. In fact, the Internet will be a boring place without photos. Each app/product we use is incomplete without an image. You may have started working on a new project, or the new project may be entirely …
To add the ListView inside Column in Flutter, there are mainly three ways: Using Expanded (Recommended) Using ShrinkWrap Using SizedBox 1. Using Expanded (Recommended) You can wrap your ListView widget inside the Expanded widget and this will allow the ListView to take all the available as long as the Column allows. Note: The main point here is to …
How to Add ListView inside Column in Flutter, 3 different ways Read More »
First Solution: Using a GestureDetector Widget A widget that recognizes gestures. Attempts to recognize gestures that match non-zero callbacks. If this widget has children, they will be moved to that child for the behavior of that size. If you don’t have children, you will grow up to be a parent instead. By default, GestureDetectors with …
This tutorial will show you how to use Flutter’s Align widget to set the widget alignment. Placing the widget within its parent is fairly common. You may already be familiar with the central widget used to center the widget in the parent. If you need to use a different deployment, you can use the deployment …
Buttons are an essential component of any app. This allows the user to perform an action when tapped. For example, you can go to another page, load data, or send information. With Flutter, you can immediately support your buttons. However, you may need to add an icon with text to the button to suit your …
How to Create A Button with Icon and Text in Flutter, The Top 3 Ways Read More »
It’s critical that your phone has the correct time and date, not only to keep you on track but also to ensure that all of your device’s functionalities perform properly. Allow your phone to set the time and date for you if you have access to a mobile network. If not, you can manually set …
How to Change Time Format in Samsung Mobile Device Read More »
There are different ways to create a scrolling widget in a Flutter application: CustomScrollView A ScrollView that creates custom scroll effects using slivers. DraggableScrollableSheet A container for a Scrollable that responds to drag gestures by resizing the scrollable until a limit is reached, and then scrolling. GridView A grid list consists of a repeated pattern …
The easiest way to wrap Widgets with scrollView in Flutter Read More »
We will be able to generate custom icons through FlutterIcon.com. It allows us to either: Upload a SVG that gets converted into an icon Choose from a huge selection of icons from a different set of icon packages ☝️ There is a package called FlutterIcon that has all of the icons shown, but due to it’s heavy size, …
How to add custom Icons to Your flutter Application Read More »