Flutter Crash Course: From Beginner to Pro

In this Flutter Crash course 2022, we are about to start our Flutter Crash Course Section 2. In this Section 2, we will learn all the Basic and Core Widgets of Flutter which are a must to create any app. We will cover all the in-depth features of each widget so, we can have a proper grip on our widgets.

In this Flutter tutorial, we are going to learn how to add images in flutter 2022. There are 2 main ways to add an image in a flutter, 1st is to add Asset Image in the flutter and 2nd is to add Network Image in the flutter. So, in this tutorial, we will learn both ways to add images in a flutter.

In this flutter tutorial, we are going to learn how to add icons and make them clickable using IconButton in our flutter project 2022. We will learn the 3 basics of flutter in this tutorial.

1. How to use Material Icons in the flutter

2. How to add and use Fontawesome icons in the flutter

3. IconButton in a flutter with icons

We will also make all the icons clickable

In this flutter tutorial, we are going to learn how to create a Container in a flutter. We will learn how to design a container in flutter 2022. In this flutter tutorial, we will cover all the properties of the Container including- Background Color, Padding, Margin, Constraints, Width, Height, Transform, BoxDecoration, Border Radius, Border, Shadow, Image, Icon, Child, and more...

In this tutorial, we are going to create buttons in Flutter 2022. We will create three different types of buttons in a flutter, Elevated buttons, Outline buttons, and Text Buttons. We will also learn how to design a custom button using all the properties of flutter buttons. To create a button in flutter we have multiple ways but the way we choose is a simple and sleek way to craft and design flutter buttons.

In this flutter tutorial, we will create and design appbar in a flutter from scratch. We will learn the three basic sections of appbar the leading icon in the flutter app bar, appbar title, and the action buttons in the flutter app bar. We will then learn the properties of the app bar like how to change the background color of an appbar in a flutter. How to make appbar transparent. how to add an image behind an appbar and so on.

In this tutorial, we are going to learn layouts in flutter like flutter row widget, column widget, and expanded widget in a flutter. We will cover all three types of layout widgets in flutter one by one. The flutter row widget is the layout widget of flutter which aligns all its children in a horizontal direction. The column widget which is also a layout widget of flutter aligns its children in a vertical direction. On the other hand, we will use the expanded widget in a flutter to tackle the issue of space overflow in a flutter or when yellow and black stripes appear in layout error.

In this video, we will learn the use of listview in a flutter. We will create a listview in flutter using ListTile. ListTile is a flutter widget that we can use inside ListView to create tiles. We will also cover the basics of flutter listview, flutter List Tile, and also their properties. We will also learn in flutter for beginners how ListView is a layout widget and how can we use it to scroll the items on the screen.

In this flutter tutorial, I will create a list view using listview.builder. As in the previous flutter tutorial, we create a simple listview using ListTile and in this tutorial, we will learn to create a dynamic list view in a flutter. In the Listview.builder() we will learn to create Lists in flutter and try to create listview dynamically.

In this flutter tutorial, we are going to create a navigation drawer in a flutter. We will create a navigation drawer header using List a View and also we will create a navigation menu using ListTile in ListView. We will cover both types of navigation headers, the Navigation Header simple one and also the User Account Navigation drawer.

In this video, we are going to learn how to create a floating action button FAB in flutter 2022. We will create a floating action button and will set the FAB position by placing it in multiple positions. We will also create a Notched design in the flutter bottom app bar using floatingActionButton()

In this flutter tutorial, we are going to create a stack widget and position those children using the Positioned widget. Stack is a Layout widget and it placed its children on top of one another whereas Positioned widget is used to place all the children on Top, Bottom, Right, and Left.

In this flutter tutorial, we are going to create custom widgets in a flutter. Custom widgets in flutter are created to avoid code duplication, over Coding, and to avoid any wastage of time. Custom Widgets in flutter are called composition in a flutter. Custom widgets can be created using two ways either in Function or in Class. Whereas to create a dynamic custom widget we have to create a class and pass all the variables in the constructor.

In this video, we are going to learn stateful widgets in a flutter. Any widget in flutter is either stateful, or stateless. As we already covered flutter stateless in Section 2 of flutter crash course 2022 and now in section 3 we are about to discover flutter stateful widgets. We will first learn the theory of stateful widgets and then we will perform the coding example and create stateful widgets in Android Studio.

In this tutorial, we are going to learn how to navigate from one screen to a new screen in a flutter. We will create 2 new classes named FORM and DETAILS and will navigate to the Details class from the Form class. In the upcoming stateful widgets tutorials of section 3, we will create a complete form and after its submission, we will validate that data and pass it to the new screen.

In this tutorial, we are going to create textfield in a flutter. To create and design a flutter text field we have two ways and also two ways to get data from a flutter textfield or a flutter textformfield. The design will be created using flutter textfield() and flutter textformfield() whereas we will get the data from text fields using onChanged text field method and using Controller in textfield as an id to get data of unique textfield.

In this flutter tutorial, we will create, design, and setState of a checkbox and CheckboxListTile in a flutter. The flutter checkbox is a flutter widget that allows us to create and design a checkbox in a flutter. There are two ways to create a checkbox in a flutter. The first one is to use a simple checkbox widget and 2nd is to use the checkboxListTile flutter material design widget.

In this flutter tutorial, we are about to create a radio button in flutter example. There are two types of radio widgets in a flutter, Radio() and RadioListTile() widgets. We will learn both but use the RadioListTile widget in flutter to design our radio button.

In this flutter tutorial, we are going to learn how to create a dropdown button in flutter. We will create two types of dropdown button in flutter. Simple Dropdown flutter widget and 2nd dropdownformfield flutter material design widget 2022. We will use decoration in flutter dropdownformfield decoration property to set border and add material design to our dropdown button.

In this flutter tutorial, we will learn how to create a form in flutter and also form validation in flutter 2022. To create a form in flutter we have a flutter Form Widget, in which we can wrap all the input fields. Form in flutter provides validation for each TextField, RadioButton, Checkbox, and Dropdown. This video is divided into 3 major sections 1. Create a Form in Flutter 2022 2. Add form validation in flutter textfields 3. Collect data of form using Model and pass it to Details.dart Screen.