We've now got a little bit of knowledge around ASX.
And so now it's time for us to practice what we've learnt so to do so.
I would like for you to work on a tiny little exercise in this exercise you're going to make some changes
to the component screen component.
We just put together so inside there.
I would love for you to show two separate text elements.
The first element should say getting started with React Native and it should have a font size of 45
as you see right here.
Then the second element should say my name is blank and have a font size of 20.
And then as a special requirement for that second text element try to assign your name to a javascript
variable ahead of time and then printed up inside of that J.S. sex element.
As a quick side note here you'll notice that each of these different text elements should have a different
font size just as a quick aside.
Done here inside the styles object right here we can add in as many different separate groups of styling
as we want.
So let's say that we want our first piece of text to have this font size of 30.
If we then wanted to have a second piece of text and style it we can add in a coma and then maybe we
would create another style object inside of here called like sub header style because in this case this
kind of is a sub header right here and we could apply an object to it and put in our own set of styling
rules inside of here with maybe like a font size of 20 or whatever else then to apply or reference that
second style right there.
We would write out inside the styled prop of some text element styles dot sub header style like so OK
I'm going to undo that change really quickly.
OK.
So go ahead and give this exercise a shot if you get stuck at any point time.
Don't sweat it.
We're going to go over a solution together in the next video.
In addition if you just don't feel like doing this exercise at all.
No problem.
Just skip to the next video so quick pause and I'll see you in just a minute.