Hi, and welcome back to our tutorials.
We're going to be building our search
component, and for that, we're going to be needing fontawesome
icons, which we haven't installed for our application.
So all we're going to do today is just
install the fontawesome icons, and in the next video,
we're going to be taking care of the search input component.
So for that, we're going to need to go to the font awesome
on React Native documentation, let's click on the GitHub link and then go
to the official documentation and follow their suggestions.
So I'm going to open my terminal
and I'm going to navigate to the root of our project called Donation App.
And then all I'm going to do is copy this
command and paste it here and wait for it to install.
And once it's done, I'm going to go to the iOS folder,
install the pods, and once that's done, I'm going to run these three commands.
So just copy these three commands,
and once this is done, get out of the iOS folder and copy it in your terminal.
And when these three command are going
to be done, just in case your caches are going
to interfere with your application and maybe you're going to get some errors
using the font of some icons, I suggest that you close your Metro
bundler if you have it running and just close your simulator as well.
And then run npm start -- --reset-cache
i'm going to click on i so that my iOS simulator runs.
And to make sure that my font awesome
icons are working, I'm going to use one here.
And let's use faSearch,
because that's what we're going to be using for our component.
And let's import it from the solid icons.
So I got two imports here.
I'm going to save this, and once our application launches,
we should be able to see that search component appear on our home screen.
Great. It's here.
So that's it for this video.
Today we installed fontawesome icons, and in the next video,
we're going to be going over how to create our search input component.
Thanks so much for watching.
See you in the next video.