Oh right.
So after a little detour necessary detour we are back to our climatic weather app.
So let's go ahead and proceed with it.
So this is where we left off.
So we are at least getting the temperature from our API.
Again looks like it's time for us to probably do some upgrading here.
We'll do that in a second.
Taking a few seconds here to start over.
All right.
Again we're having this issue here.
Usually go somewhere we save and get back and there we go.
Reloaded in Bordeaux.
We'll probably have to start whiskery start again.
It just happens.
OK.
Let's see.
That's true.
I'm going to go to war to push you all should be fifty one point eight.
It is indeed.
Fifty one point eight.
OK.
So things are still working perfectly.
Now let's go ahead and because now we have the knowledge about putting together about creating a new
screen and all that.
What are we going to do.
We are going to do that.
We're going to go ahead and create a new screen our screen which will allow us to then click here to
open the new screen where we're going to be able to add the city which we want to get information from
the weather from OF.
OK.
So that's what we do.
All right so the bottom here what I'm going to do I'm going to create a new class.
In fact it could create a stateless widget in this case.
Say St. Louis was still like that.
And what I name is change I see and said I was just returning a container the empty one where you see
new scaffold like there is an app bar
people a background color to be read and title I just put a new text.
Now I'm just going to keep it empty like this.
We can add whatever we want and want this to be true.
Well what the while we are here let's just say See CD great.
I like that and when I did the same thing we did for a body.
I'm going to create a new stack
widget and for children I'm have has child to put an image from acid which in this case I'm going to
go ahead and say imageries white underscores you know that PMG.
And because I know this now I'm going to just say well I gave it a width of about for 90
give it a height of twelve hundred
and I'll say it was a box box box.
It feel just like this to make it better.
I'm just going to say actually a list list few this would probably be the Banus say children in get
rid of all this.
All right.
As children here we're going to do for a child let's say new for the first one I'm going to create an
actual new list view because I want to make sure that users have the capability of scrolling up and
down for children here.
I'm just going to go ahead and add an image Veuves a new image.
OK I'm going to passing the white snow white I'm going to see images forward slash white snow on that
PMG.
The width is going to be right for 90 with a line like this.
And the high.
I'm going to say.
Twelve hundred.
I know these numbers fit and when I say box it to fail.
Right.
Very good.
OK before we even move forward here I just want to make sure that when we click the button which is
going to be this button here.
So when we actually click it on PRAST sure stuff.
Now I want to go to the next screen.
So what are we going to do is we're going to create our future inside here.
The future says that.
I say go to the next screen.
I'm going to pass in the build context here.
It's a sink thing.
And then I'm going to put inside of a map because I'm going to expect to receive something from our
second screen just like we did before.
So the results there wait to navigator and passing the context was like what we did before say push
and the route I'm going to say is equal to new material page round one to make sure that we are Risdon
right.
And then just to make sure I'm going to put the dynamic objects like this.
These are obsolete or we wouldn't be expecting.
And what I'm going to do for a build Grossman when go ahead and pass or build context
that inside here I'm going to say a return you change city just like that.
So now this go next future is indeed what we're going to be calling here and there with this in your
line.
This is going to be returning
that.
So that means the end result.
It will be expecting something to for us to get but for now I just want to make sure that this is actually
working with Ron
and click right.
Let's go to next.
And I need to pass our context.
You probably saw that one.
All right.
Let's save this and run once again.
And there we go.
Now we're able to go to the next screen.
Go back click and.
Very cool.
All right so we were able to then implement the go to next screen which means now in our next screen
can continue here.
Adding either widgets that we need namely speaking we want to add a text field.
And of course a button as well.
So what I'm going to do I'm going to continue here.
All right.
Right about there I'm going to create a new list.
So I noticed something you probably noticed that too is that our image is not showing here.
To simplify there's I think in sort of a list here when see
let me make this a center.
I think that probably going to be the best.
Let me just get rid of this
instead of a list of who going to just actually add yes this is probably going to be the best to say
new
center child is going to be pacing this image right.
That we had before.
Go ahead and format everything so it looks decent.
OK so now we have that we save this and see if we can actually see something
Gateless run this.
There we go.
Now you can see we have our background image that looks great way better.
All right.
Perfect.
So what we're going to do here we are going to stop right now and the next video will.
We're going to continue putting together the user interface for our change CD screen here.
Purrfect.
I'll see you next.