Flutter Tutorials and Examples
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.
How to create your own WhatsApp in Flutter.
How to create your own Instagram in Flutter.
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.
We are looking at the BottomNavigationBar and how to use with practical examples.
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.
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.
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.
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.
In this piece we see how to use DatePicker to pick and show dates using a nice bottomsheet in flutter.