In this tutorial, we will guide you through the process of creating an AlertDialog with a TextField in Flutter. This is a useful technique to have in your toolkit, as alert dialogs are an effective way of communicating important messages to your users. With the addition of a text field, you can even gather input…
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 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 FlutterIn this tutorial, I am going to create a very simple Flutter app and run it on both, iOS and Android simulator. To be able to create even a very simple Hello World app in Flutter, you will need to have Flutter SDK installed on your computer. If you have not done so yet, then…
Read More Hello World App in Flutter