In this tutorial, you will learn how to use the SnackBar.

Before Start

When we start our tutorial, we should create a page to show the SnackBar. I will use a button to click, if you click it, it will show you a snack bar.

It will show you like this. If we click the button, I want that the SnackBar will show on the bottom of the screen.

Image for post
Image for post

Simple Use

I will give you a simple to show the SnackBar. First, we should create SnackBar.

Then, we use them in the onPressed function.

When you click the button, it will…


In this tutorial, you will learn how to use the SimpleDialog in the flutter.

What we will learn?

Image for post
Image for post

Before Start

We will create a page to contain our code.

It will show the picture as follows.


In this tutorial, you will learn how to use the Stepper in the flutter.

Before Start

We should create a page to contain our code.

It shows an empty page with a title.

Image for post
Image for post

Simple Use

When I write this article, I have used some steps to describe our tutorials. In this situation, we can use a stepper to implement this.

It will show as follows.


In this tutorial, you will learn how to use the Stack in the flutter.

Image for post
Image for post

Before Stack

Before our tutorial, we should create a page to contain our code.

It just shows an empty page with a title.


In this tutorial, you will learn how to use the PopupMenuButton in the flutter.

Image for post
Image for post
The result!

Before Start

Before starting our tutorial, we should create a page to contain our code.

This is an empty page with a title.


In this tutorial, you will learn how to use the DropdownButton in the flutter.

Image for post
Image for post
What we will learn in this tutorial?

Before Start

Before starting our tutorial, I will create a page to contain our code.

It will show an empty page and I will put the code in the children.


In this article, you will learn how to use the TabBarView and TabBar in the flutter.

Image for post
Image for post
result effect

Before Start

As these fore tutorials, we should create a page to show our code, I will do this in this tutorial as well.

It will show a simple page with a title.


In this tutorial, you will learn how to use the BottomNavigationBar.

Before Start

We have simply used the BottomNavigationBar before, So in this tutorial, let's look at its detail. This widget usually used with the parameter bottomNavigationBar of the Scaffold. It shows at the bottom of the screen. Let's create a page to show our widget first.

It will show the picture as below, we will replace the Container to our BottomNavigationBar widget.

Image for post
Image for post

Simple Use

You can use the bottomNavigationBar as a common widget, but usually, we suggest you use the BottomNavigationBar that provided by the flutter. So Let's look at an example.


In this tutorial, you will learn how to use the Placeholder in the flutter.

Before Start

This widget is simple, but we also need a page to contain our page, so we should create a page first.

It will show nothing, but with a title.

Image for post
Image for post

Simple Use

So what about the Placeholder, it is a widget to note there have some widget need to implement. So its intention is as its name, hold the place to notice people comply it again in the future. It is so simple. Let’s look at the codes.

It will show like this.


In this tutorial, I will tell you how to use the FlutterLogo in the flutter.

Before start

The is a small widget, just show a flutter logo. But It is very interesting. Before telling its detail, let’s create an empty page to contain our tutorial code.

It shows nothing, but with a title as follows.

Image for post
Image for post

Simple Use

If you want to use the FlutterLogo, just add it as follows.

It will show like this, it shows just a logo of the flutter.

NieBin

A flutter developer,#github:https://github.com/nb312

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store