How to add a Bottom Tabs navigator to a React-Native app using React-Navigation 0.60 part 2

Welcome back to part 2 of my tutorial, in this I will carry on from last time which you can find here — https://alexb72.medium.com/how-to-add-a-bottom-tabs-navigator-to-a-react-native-app-using-react-navigation-6-0-part-1-d91d44168f16?sk=ea4a78037432b5e2e7b66ad3ca258a7e

In the last part of my part 1 I mentioned that I would install react-native-vector-icons so we can show icons on our app. To install the package run the below command in the root of your project.

npm install react-native-vector-icons --save

We will need to do some additional configuration in order to use bundled icons. We will need to add the icon fonts to our XCode project so navigate to the node_modules/react-native-vector-icons folder and drag the Fonts folder or at least the fonts you want into the XCode project and ensure your app is checked under “Add to targets” and that “Create groups” is checked too if you drag over the whole folder.

We will now need to edit the Info.plist file which can be found in the ios/projectname folder and copy/paste in the fonts that we have just…