All right my friends hopefully you had some success putting this exercise together.
So let's do it together right now.
Back inside my editor I'm going to find my Capone's screen component right here.
I'm going to delete everything inside there just so I can start from scratch so you can see how I would
approach this in a normal component.
So inside of here I'm going to put in a return statement because I know I need to return some amount
of J.S. X and I know that I need to return multiple different elements.
So I got a place down a set of parentheses and put all my different elements inside of here.
Next up I know I need to show two pieces of text.
Anytime I need to return multiple different elements I'm always going to wrap them inside of one single
component.
So in this case I'll put down by view like so and then inside there a place to text.
Elements
now in the first one we had said that we wanted to have the text or is it getting started with React
Native so I'll say Getting Started With React Native and then the second one we need to say my name
is and then whatever our name is.
But the special requirement here was to assign our name to a variable ahead of time.
So at the top of the function I'll say const name is my name of Steven and I can print up that variable
inside this text element by placing a set of curly braces and the name like so okay.
So it looks pretty good on the content side.
So I'm going to save this really quickly and test it out.
Yep looks good.
So now we just need to apply a little bit of styling so to do so I'm going to come down to my styles
object.
Right now we've got an existing textile with a font size of 30 for the first text element we had said
that we wanted a font size of 45.
So I'm going to reuse this existing one and just change the font size to 45 then after that.
I'll create a second styling group called a second one like sub header style and I'll give it a font
size of 20.
Now I can apply both these different styles to the appropriate text elements on the first text element.
I'll say style is styles not text style and then on the second one I'll do a style of styles dot sub
header style because on that second text element I want to specifically have the font size of 20 okay.
That's pretty much it.
So I'll save this file and yep looks good.
Now if you had any trouble with this first exercise do not sweat it.
We've only been talking about react here for a couple of minutes.
We're gonna have a lot of more exercises later on inside this course.
So you'll have many different opportunities to polish up your skills.
OK.
So let's take a quick pause right here and continue in the next video.