We've now got a pretty good idea of how to work with J sex.
So now we're gonna move on to our next topic which is dealing with lists showing lists of elements inside
of a mobile application is super fundamental.
So we're gonna spend a decent amount of time on it to make sure we really understand what's going on.
To get started on your first create a new component inside of my screens directory.
So inside of you I'll make a new file called list screen dot J.S. than inside of here we're going to
write out a little bit of boilerplate to create a react component.
So I'm going to write out import react and react.
I'll import view text and style sheet from React Native or then create my list screen component
in front.
Now I'll return a text element that just says list screen I'll then create my style sheet so I'll say
count styles is styles sheet.
Create and put in an empty object right now.
Then export default list screen OK so this boilerplate right here you might even want to copy paste
off and keep around because we're going to write out many many times throughout this course.
So now we just save this file.
Once again we're not going to see any change on the screen of our device to actually get this thing
to show up.
Remember we have to import it into our app dot J.S. file and wire it up to that navigator.
It's going to change back to the app dot J.S. file inside my root project directory at the top.
I will import the list screen from source screens list screen and then we will wired up to our navigator
right here.
So I will say list is list screen and then finally I want to show that screen by default when our application
first starts up it's going to change components right here to list instead.
Now eventually we're going to add in some ability for our users of this little application we're putting
together to change but tween all these different screens.
But for right now we're just going to stick with this kind of strategy of use using the initial root
name to show different components.
So eventually we'll fix this up.
But right now this is working out just fine.
Okay.
So I'm going to now check out my device and yep there we go I've got my list screen now that we've got
something to add some code to.
Let's take a quick pause and then talk about how we build lists in the next video.