Flutter Tutorials and Examples

| 102 views

Flutter Navigation Drawer Tutorial and Example.

This is a flutter navigation drawer tutorial with a full example. We start by discussing what navigation drawer is, when to use then look at a full example with fragments containing gridviews.

| 176 views

Top Flutter WhatsApp App Clone Projects Source code In GitHub

How to create your own WhatsApp in Flutter.

| 185 views

Top Flutter Instagram App Clone Projects In GitHub

How to create your own Instagram in Flutter.

| 129 views

Top Flutter Choice and Confirmation Dialog Tutorial and Libraries

We want to explore some of the top flutter packages that you can use to create dialogs. Be it list dialogs, color dialogs or just simple alert dialogs.

| 124 views

Flutter BottomNavigationBar Tutorial and Example.

We are looking at the BottomNavigationBar and how to use with practical examples.

Let's start.

| 389 views

Flutter TextField Tutorial and Example.

This is a flutter textfield tutorial. We want to see how to create textfields with both single and multiple lines. This is important as textfields are the most commonly used user input widget. Most information in computers exist in text format hence this makes textfields one of the most important UI component, not just in flutter but all user interface frameworks.

| 77 views

Flutter Navigator Tutorial and Examples.

This is a Navigator tutorial and example. We first discuss the Navigator class then look at various examples, for example how to open a different page or screen when a given button is clicked.

| 1449 views

Flutter Searchview and Listview tutorial example.

We see how to search/filter a listview in flutter using a searchview. That so called searchview is actually a custom textfield. We will use a TextEditingController to notify us of text changeson our textfield. Thus this allows us easily search our data.

| 315 views

Flutter NumberPicker Tutorial and example.

In this tutorial we explore how we can pick numbers, both decimals and integers using an awesome library called numberpicker. We have several ways of doing this. First we can use numberpicker just within our page directly. The user can scroll through the numbers and pick. As the user scrolls through, the current scroll value is automatically set to a button.

Then the second way is to use a number picker dialog. We have two types of dialogs: integer number picker dialog and decimal number picker dialog. In the integer picker dialog a user can select whole numbers only. In the decimal picker dialog a user can select decimal numbers.

| 1664 views

Flutter DatePicker Tutorial and Example

In this piece we see how to use DatePicker to pick and show dates using a nice bottomsheet in flutter.