All right.
Moment of Truth.
So we are actually going to use every stack.
We are going to use a Z stack because want to stack things on top of each other.
And I'm going to pass here.
The alignment to be top right.
Very good.
So this point here.
Because it seemed index anything that I put on top is going to be at the bottom.
Meaning the first thing I add here is number two bottom.
And next thing is gonna be the top of that.
So check this out because I have my view done.
I can come down here and see a map view I want this to be of course the first thing that is shown meaning
it's going to be to the back past in map view.
Of course it's going to require us to pass data data.
We are going to pass it just data.
This one here was going to be passed through as a property.
Just like that.
Let's save this and see what's going to happen when I run this.
Now if we go to our details if all goes well we should be able to see a map and just like that we have
a map.
And it says exactly where this is if you click on this it gives us this magnitude to that seven.
And that's the title which are all of these things that we have added in sort of our annotation.
Wow.
How cool is that.
Right.
Because we say the title has to be place name which is this one.
And the subtitle is going to be the magnitude and followed by the actual magnitude.
Just like that we have a fairly working application so click on this one.
The address is changing and look at this all of this is actually the clicking and everything.
It's given to us because we are using every presentable UI view or example here and creating a map view
look at that all these behaviors.
Very cool.
This is wonderful.
Of course there are things that we need to do here.
But you can see that our map is working and that is actually motive for celebration but not yet we still
have stuff to do.
So one important thing we can do here let's me come in this one out.
Let's add the edges ignore safe all here so that we hopefully can see the whole map covering the whole
screen very good.
That's very nice.
All right.
And we are now going to work on piling up other information on top of our map.
So this is easy now because we have all the information anyway so it's just a matter of customizing
things.
So first of all let me add a v stack inside here.
It's a v stack.
And when I line this to center the spacing about 6 and content I was just not even going to use that.
All right so when I add a text and this text here would have data that properties that mag like this
of course I'm going to have an issue because magnitude we know now it is a string.
So we need to wrap it on a string like this.
And when I make this font to a large title.
So pretty big.
And then let me add another text right there.
It's one of their data properties again.
Going to go to get place.
Let's save this and run just to see what is going to happen.
Very good.
So you can see because we used zip stack they are piling up there on top.
Very cool.
Look at that.
This is in Texas.
That's two point six.
So not too bad about this one here four point eight.
That is in Chile.
They always get those big ones.
All right.
There we go.
So that is working perfectly.
And what I can also do instead of this V stack here I can add a nice background by using a clip shape.
And in this case here for our shape I'm going to add a rectangle.
Notice there's more than just circle for shapes.
And let me add the frame width.
I'm just going to make it Neil.
So whenever you want to make sure that the width of something will take place within the actual device
just pass it at height as well say height is gonna be in the like this.
She is going to take enough space that it needs padding.
I want all to be about 20 and give a background color green the shadow number about nine corner radius
also about nine.
And I want to give opacity because this is going to be on top.
So I don't want it to disrupt the view.
About one point eight games go ahead and run okay.
Click.
Look at that.
See that looks really nice on this one there also looks very nice.
You can play with it moves nicely and we still have this working shows magnitude there but it's unnecessary
really because everything is showing at the top here.
But in any case we are adding all these properties because at this point you can always decide whether
you want to remove or adding more.
All right.
There we go folks.
And we have our quakes app working perfectly here folks.
Very very exciting.
This one is Carlsberg ridge somewhere in the Indian Ocean.
Wow.
There we go.
And just like that we have a full fledge quakes application here.
Now you've learned a lot at this point is to be able to do as I like to say a lot of damage not the
actual damage but a lot of things that you can actually do now with if you I.
I hope you're seeing the things you can do with sort of do you I mean this is just scratching the surface
but you can go ahead and do all sorts of things all sorts of applications at this point because you
know how to customize these views you know how to pass data from API.
I mean you know enough to make out say even 80 percent of applications out there at this point because
most applications are just managing data really.
And so you know how to do that now.
So I invite you to go and find other adjacent API as you can find online you can just do a quick google
search you can find a lot of them and start playing around and start creating apps using this awesome
framework Swifty right.
Congratulations if you got to this point.
Thank you for your time.
And I will see you next.