In our render() method, I’m simply going to add a dummy icon to see if it displays. Import Icon from 'react-native-vector-icons/Ionicons' Towards the top of App.js next to your other imports, add this line: Even though the project builds, there are two quick things to test.įirst thing we need to do is import the Ionicon font. If you skipped the last tutorial because you wanted to focus on Android only, we performed two tests to make sure things worked. NOTE: Do not place your application dependencies here they belong We are building with Gradle, so open the android/app/adle file in Android Studio and add the following lines:Ĭlasspath ':gradle:3.0.1' Agree to these (unless you have reasons not to). If this is the first time you’ve run Android Studio, you may be prompted to upgrade some modules. Navigate to the android folder in the sports-app project and click the Open button. Note: if you don’t have an ios or android folder here, you likely haven’t ejected and need to perform this step before continuning. Next locate the android folder off of the project root. Locate that folder in Finder or Windows Explorer. First, the react-native-vector-icons package exists in your node_modules folder. We’re going to follow the instructions for the manual setup just like we did for iOS. If you missed it, I suggest you read that before continuing here. Getting this part started was outlined in the React Native Environment article. Yarn add react-native-vector-icons Getting Your Native Tools Set Up If you missed it, you will need to install the React Native Vector Icons package: This article will focus specifically on Android. In our last article we focused on adding the react-native-vector-icons library to our iOS version of the application. « React Native Vector Icons Ios React Native Navigation Introduction »Īll Posts Adding React Native Libraries for Android Studio

React native android studio tutorial