All language subtitles for 3. lecture has been recycled in lecture 13 Create a notched bottom bar

So now it's time to start our new project, first of all, I will create a screen support on screen.

And sometimes I would copy the previous code from my previous project and explain it in detail to not

waste so much time, so I have already created a new project that still exists, and I would create

a screen folder screens that would on many screens of our application on the chart.

The feeds.

The search.

And the cart.

And very user of.

OK, so I will return a center text for each of the five different screens.

First of all, we need to import that material the thoughts

and create a stateless widget.

Let's call this user EFO.

Because it's a screen when you took a scaffold.

Uh, let's turn to our center, a body center.

And ataxic, your name user.

And Joseph Apple.

That's for sure.

Don't forget the other child.

Let me copy this and paste it here.

Change the name to search.

Same for here.

Oh.

Home.

One.

And here are the feeds.

And he had the cut.

Let's see how it looks.

First, let me return the card inside of the screen.

That's for sure that there is no.

So, as always,

OK, so let me say that, OK.

Any thought it OK, so here our text of, you know, we need to create so what Ompa screen that we create

at the bottom

part, the dot.

I would copy it up code and explain it and details.

Now let's create a new file.

Content, the put on screen.

And here, let's create a bottom part of thought, it must be a state for which it was for now.

I will just copy my previous quote from my previous project at Exoplanet antedates.

The bottom screen must be a state for widget, because once the user press on other top and antics will

be changed.

We will also use a list of maps of page that contains the main screen of our application.

We need also to initialize it and it states or initialize it back here for each map.

I think, uh, the name of each screen, you also need a select page.

My thought is that to change the ethics of the page once the user press on a button bottom.

So in here we will return a scaffold because it's a screen.

Another body will use our map and give a select address for it and give us the key to to indicate which

page must appear.

And here we are at the bottom bar and we in the shape of it and a major notch, you can't feel shortchanged

or it would be different.

I returned and he had a container to change the height of the.

Bottom navigation bar, but you don't have to do it.

And here we are again, double navigation bar, it contained our.

On top that.

Which we gave it to the select by the select page.

I thought to change the ethics page.

And we gave a few items like the background color that I selected, item color and like that for the

items it contained.

First of all, put on navigation bar item, it contains an icon.

And a title.

Like text Tom, we repeated that, uh, five times for each of our skin, the feeds on the surge and

the current and the user screen.

And finally we added the floating action button.

We gave it up, I think, of eight and we gave it my thought on press to set to set state to select

page and text to two, to navigate to the third screen.

And we actually added the following action both on location over here and we choose at the center of

it.

Let me know what should application to show you what happened.

Oh, I forgot to try to the on application to my screen.

Let me put it first.

So now, as you can see that it appears.

I thought Page hit the Twitter user and here's a search.

So let's continue on that next video.