react-native-vector-icons icon indicating copy to clipboard operation
react-native-vector-icons copied to clipboard

New Installation on android, icon not showing up

Open intothefantasy opened this issue 7 years ago • 10 comments

  • [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 image

intothefantasy avatar Aug 30 '18 04:08 intothefantasy

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

Elitebigboss90 avatar Oct 16 '18 00:10 Elitebigboss90

I have the same issue. Cannot see any icons in actual device.

langshu avatar Oct 22 '18 07:10 langshu

I think this should be elaborated and I am seeing this as a common issue.

Elitebigboss90 avatar Oct 24 '18 21:10 Elitebigboss90

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

tannera avatar Nov 13 '18 08:11 tannera

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.

urielhdz avatar Nov 22 '18 22:11 urielhdz

i think you should add in to showIcon: true in tabbarOptions .

huyhoang189 avatar Aug 17 '19 15:08 huyhoang189

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 .

pargatsingh-webklabs avatar Oct 09 '19 06:10 pargatsingh-webklabs

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.

tad3j avatar Mar 09 '20 16:03 tad3j

The same here with RN v0.61.5 react-native-vector-icons v6.6.0 gradle v3.6.1

Pei116 avatar Mar 26 '20 04:03 Pei116

Same issue on real device RN v 0.65 react-native-vector-icons v8.1.0

mharis0014 avatar Aug 28 '21 14:08 mharis0014

Closing old issues which arehopefully not a problem anymore. Please open a new issue if this persists

johnf avatar Oct 28 '23 21:10 johnf