React-native-vector-icons: New Installation on android, icon not showing up

Created on 30 Aug 2018  路  9Comments  路  Source: oblador/react-native-vector-icons

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
image

Most helpful comment

Copy the contents in the react-native-vector-icons/Fonts folder to android/app/src/main/assets/fonts (note lowercase font folder).

All 9 comments

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jakewtaylor picture jakewtaylor  路  4Comments

jszcl picture jszcl  路  3Comments

arjs1000 picture arjs1000  路  3Comments

obykoo picture obykoo  路  3Comments

rmilejcz picture rmilejcz  路  3Comments