In this Flutter tutorial, you will learn a few different ways of fetching an image from the Internet. Fetching an image in Flutter is very easy. You can either use a widget or a Provider and wrap it with a widget. Let’s see how it’s done! Using Image.network() Constructor Flutter provides an Image widget to display…
Read More Fetching Image from Internet in FlutterThe BottomNavigationBar is a built-in widget in Flutter that is being widely used in many different mobile apps. It is used to create a bottom navigation bar feature in your mobile app to help users navigate between different app pages. The bottom navigation bar in Flutter can contain multiple items such as text labels, icons, or both.…
Read More Bottom Navigation Bar Example In FlutterIn Flutter, Tooltip widget is a material design tooltip used to let users know about the functionality of a button or a widget in general. When a widget is equipped with a tooltip, if you long-press the widget, the tooltip appears as a label that floats. Tooltip is usually used to increase the accessibility of…
Read More Tooltip Example in FlutterIn this tutorial, you will learn how to create an AlertDialog with a TextField in Flutter. We will go through all the steps and at the end, you will have a complete code example that displays an alert dialog with a text field. Creating AlertDialog The basic code to create an AlertDialog widget with a…
Read More AlertDialog with a TextField in FlutterIntroduction Data tables are another indispensable part of everyday UI. We can provide information in a clear and concise manner, which is especially helpful owing to the fact that mobile displays are (relatively) small. Today we’ll be covering DataTables in Flutter. The blog is divided into two parts: In Part 1: we go over the basics…
Read More DataTables in Flutter – ExplainedIn this tutorial, you will learn how to create a DatePicker in Flutter. You can use DatePicker in your app to present the user with a Calendar view. Users can then use this calendar view to either select one of the dates on the calendar or simply check the selected date. 1. Create DateTime Variable…
Read More DatePicker Example In FlutterIn this tutorial, you will learn how to create and display an Alert Dialog in Flutter. Creating Alert Dialog Alert Dialog is a pop-up widget in Flutter that can be used to display a message to the user. Below is a code example in Flutter that creates a very simple alert dialog with a title,…
Read More Flutter. Alert Dialog Example.There are multiple ways of adding App Icon in Flutter, and here I’m going to cover some of those methods. Method 1: Using flutter_launcher_icons Package The flutter_launcher_icons package takes in a source png file and generates icons for both iOS and Android. To learn more about the flutter_launcher_icons package check out this link. Below are short instructions…
Read More App Icon in Flutter. Ways to Generate and Change app Icon.In this tutorial, we will go through a couple of different ways of implementing a Checkbox in Flutter. A Checkbox is a type of widget that holds a boolean value. The two widgets we will use in this tutorial are: Checkbox, and CheckboxListTile Checkbox In the code example below, the Checkbox widget is used as a child of…
Read More Checkbox Example In FlutterIn this Flutter tutorial, you will learn how to handle button tap events. The two most commonly used button events are onTap and onPressed. In the code snippets below, I will use the onPressed event most of the time. You can use the onTap event just the same way as onPressed. All button type widgets have…
Read More Handle Button Tap Event In FlutterIn this Flutter tutorial, you will learn about different types of Switches in Flutter. Simple/Material Switch A Switch widget takes a boolean value parameter and onChanged function parameter. Switch( value: value1, //boolean value onChanged: (val) { setState(() { value1 = val; }); }, ), Material Switch Cupertino Switch A CupertinoSwitch is exactly the same as a normal (Material) Switch…
Read More All types of Switches in FlutterIn this Flutter tutorial, you will learn how to do basic form validation in Flutter. We will go through it step by step, and you’ll learn how to use Form and TextFormField widgets in Flutter. Creating a New Flutter App First, we’ll create a new Flutter app to work with. This tutorial assumes you have…
Read More Form Validation in Flutter with a Practical ExampleWelcome to today’s tutorial where we will talk about buttons with icons in Flutter. As the slogan of Flutter says “It’s all widgets”, its no exception in this case. There are multiple ways of making and incorporating a button with icons in Flutter. We will start with the most obvious one which is the IconButton…
Read More Buttons with Icons in FlutterIn this tutorial, you will learn how to use a Radio button as well as RadioListTile in Flutter. Radio buttons are used where a user needs to select an option from a given list of values. They are an integral part of all digital UIs and in Flutter, there’s a widget for that! Yes, Radio is…
Read More Radio, RadioListTile in Flutter – ExplainedIn this tutorial, you will learn how to use change the background color of the top App Bar in Flutter. To change the background color of the AppBar widget in Flutter, we use its backgroundColor property. AppBar( backgroundColor: Colors.red ), // AppBar Below is a very simple Flutter app example, that uses the above code snippet…
Read More Changing AppBar Background Color in Flutter