Hi and welcome to today's video.
We're going to start off by creating navigation system for our project because
now we do know how to create react native navigation.
So let's start off by installing navigation in our project.
And for this we're just going to go to our
browser, we're going to look for react native navigation,
go to their website and documentation, and we're going to start off by following
their documentation to install everything that we need for navigation.
So let's go to our terminal and inside here, let's navigate to the root of our
project Donation app and then let's just copy this command and let it run.
And after we're done with that,
we're going to have to run a couple more commands.
We're just going to follow with the regular installation.
Please copy this for the bear react native project and let it run as well.
And since we're running a higher version
than 60 of React native, we are not going to need this command here
and we can just run the pods for completing our installation.
And then we do need to do some more things
to make sure that Android setup is all good.
So for that, let's just follow the documentation as well.
I'm going to make this window smaller. And here we go.
So they're telling us to go to Android app
source main and then Java and then we're going to the main activity file.
So let's go here.
Let's copy this command here and you can just place it at the end of the file.
So right here should be good inside the class.
Let's save this and make sure that we have the import for the bundler as well.
Great, this is saved for me and this should install everything that we need.
But we are going to be using
the Stack Navigator for this project, so let's just quickly install that as well.
Great, let's just go to stack navigation
and follow the installation process here as well.
I am going to open up the previous
terminal and I'm going to copy this comment here and let it run.
And once that's done, we need to run this as well for bear
react native projects, we don't have expo so please don't follow this one here.
So let's just copy and paste this here
and then they are telling us that we need to import the react native gesture handler
in the top of our entry file and our entry file is going to be index JS.
So let's just import it right here.
Great, let's install the masked view as
well in the root of our project and then let's install the pods.
Great. And now once we're done with that,
please just close your Metro bundler and close your simulator as well.
Great. And now let's start with
npm start -- --reset-cache
this will just make sure that we have no
issues and no cached files interfering with one another.
And I'm just going to press I to run this on iOS.
And this is going to be my Metro bundler.
And I'm not going to close it because we
want to see the changes that we make in the simulator.
Great. So I think that's it for this video.
I want to make it short and quick.
And in the next video, let's do the header component for our main file.
Thanks so much for watching, and I'll see you in the next video.