The next thing is to open your project in xcode. After installing react-native-vector-icons.While android is a bit straight forward, the same is not for ios which is a bit tricky. P.S : You can only do this set up on an apple Mac book PC. Let's add another one from another icon family called "Entypo" import Entypo from 'react-native-vector-icons/Entypo' Finally we use a font from AntDesign like so.Let's import AntDesign import AntDesign from 'react-native-vector-icons/AntDesign' First import your desired icon family (You can find all the icons directory here ).To test our icons, go to any page of your app and do the following Then rebuild your android project with yarn android Or if you prefer yarn 🧶 yarn add react -native -vector -iconsĪfter installation, go to android /app /adleĪnd add this line of code apply from: "././node_modules/react-native-vector-icons/adle" Next we install a package called react-native-vector-iconsĪt the root of your project in terminal, type this npm install -save react -native -vector -icons
#Iphone app vector icons how to
In this article, I will walk you through a step by step guide on how to set up vector icons on your android and ios React Native projects.įirst we set up a React Native project called todoApp. Whether on the web or on mobile platforms, icons play a necessary role in passing information to users.
0 kommentar(er)
