react-native-vector-icons
react-native-vector-icons copied to clipboard
New Installation on android, icon not showing up
- [x] Review the documentation: https://github.com/oblador/react-native-vector-icons
- [x] Search for existing issues (including closed ones): https://github.com/oblador/react-native-vector-icons/issues
Environment
OS: windows 10 Target Platform: Android React-Native 0.55.4 react-native-vector-icons ^5.0.0
Description
after following the guide with react-native link, i am not able to see the icon. I have checked all the file that is required to setup manually and seems like react-native link is doing its job by having all those file setup correctly even copied those font file from react-native-vector
Demo
not sure what is going here
import Ionicons from 'react-native-vector-icons/Ionicons';
navigationOptions: ({ navigation }) => ({
tabBarIcon: ({ focused, tintColor }) => {
const { routeName } = navigation.state;
let iconName;
if (routeName === 'Home') {
iconName = `ios-information-circle`;
} else if (routeName === 'Cart') {
iconName = `ios-options`;
}
// You can return any component that you like here! We usually use an
// icon component from react-native-vector-icons
return <Ionicons name={iconName} size={25} color={tintColor} />;
},
}),
above this are the codes that i am using for my react navigation footer. Icon is not showing up

I am having same problem. I can see Icons on both development or production environment. But I cannot see my icons in the actual device with builded APK
I have the same issue. Cannot see any icons in actual device.
I think this should be elaborated and I am seeing this as a common issue.
Copy the contents in the react-native-vector-icons/Fonts folder to android/app/src/main/assets/fonts (note lowercase font folder).
Same here with react-native-vector-icons 6.1.0, I've tried the solutions described in this post https://stackoverflow.com/questions/29920259/react-native-icons but none seems to work.
I've checked my android/app/src/main/assets/fonts folder as suggested by @tannera and the fonts are there.
I've tried with both Ionicons and Material Design icons since someone at StackOverflow mentioned that not all icons are available on Android, but none of them work.
i think you should add in to showIcon: true in tabbarOptions .
Hello guys , I am also facing same issue.Fonts are there in android/app/src/main/assets/fonts folder but none of them are working . Can someone help me to fix this iussue? I am using react-native-elements icons .
Same issue on Windows with Android, react-native ^0.61.5, react-native-vector-icons ^6.6.0 and com.android.tools.build:gradle:3.5.3. I've added reference to react-native-vector-icons/fonts.gradle to app\gradle.build as per documentation (it's points to my node_modules - monorepo)
Fonts still won't get copied to android/app/src/main/assets/fonts, copying them manually makes icons render again.
The same here with RN v0.61.5 react-native-vector-icons v6.6.0 gradle v3.6.1
Same issue on real device RN v 0.65 react-native-vector-icons v8.1.0
Closing old issues which arehopefully not a problem anymore. Please open a new issue if this persists