In this tutorial, you will learn how to use the SnackBar.
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.
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 Stepper in the flutter.
We should create a page to contain our code.
It shows an empty page with a title.
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 BottomNavigationBar.
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.
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.
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.
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.
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.
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.