So is the next thing you want to learn.
It's hard.
It's a navigational draw and navigation draw is basically a navigation which can pull out of our site
here.
And for this tutorial I were copy some code from another project I did because it's more simpler and
easier to understand I guess.
So I copy the code writing for the draw on the same level as the BOM and we talk about it as a straw
in a moment I restart our project and we look at it first and then talk about the code I wrote and how
you can get the same outcome.
I also brought in two small packages one for some background image and one is a picture of me and we
were
we could see in the moment hall or put those together.
So or it's not up and running.
If we as a navigation draw we automatically get this I can here and the top.
So this gets added automatically.
And if we click on it or pull on site we get this thing.
And is this basically on navigation draw.
And this is my background image.
This my picture here is some text.
And this is this view.
So a widget which allows us to stick some elements together and basically that's all about here.
So we add a new drama saying draw draw and then we give it to child column and we add some children
Espey seen it before then we use a stick.
A stick is basically what you see Appia.
So you can define a stack and the stack stacks images of each other.
So we give it some children a list of children and the first image is the lowest one.
So we use onto our image background.
This spec ront image here.
And then we use some padding for our next picture.
So this picture gets some petting So it's not on the sides and we use a circular.
What this is doing it's basically takes takes picture it makes it makes it wrong and you can give it
a radius.
And for this or to use a background image.
And this is basically just our image here which we can see here.
Then we use some more padding for text underneath.
And we also use again a column form these two texts and we use our children again here and we use text
text font weight.
Bold So it's a little bit bigger font size 16 and white color and beneath that some email address.
And then we've got our list down here.
It's called List view.
Shrink wrap makes the list.
Pia Binny's the last widget without it all just stop start at the top and we give it children and this
time it's basically this point right here.
So if you want to have more of these you just copy it and you can make like a big navigation all over
it.
And if you reload it and you see this in action.
And yeah this basically on arrogation draw and this is some standup mock up.
You can use if you want to make your own navigation draw.
I also will copy this code and you can just copy and paste it so you don't have to write it or off the
screen you can just copy it into your project.
See that's much easier because we had some different widgets here like the stack and the list view at
the top at the bottom.
But those are really complicated so I sold.
It's not too hard to follow along.
So this is how it looks.
So you if you are different tiles and you can click on it on them and you can style them of course all
differently if you want to or just make the big round some give it some gray or something.
So it pops out a little more.