реагировать родные векторные иконки / Fontawesome не показывает иконки в экспо - PullRequest
Новая
       28

реагировать родные векторные иконки / Fontawesome не показывает иконки в экспо

0 голосов
/ 25 сентября 2019

Я построил макет с использованием потрясающих значков в Snack Expo, но при запуске того же проекта в Expo Cli значки не отображаются. Он отображается в виде креста. Приложение работает отлично в Snack, но не в Expo Cli. Я пробовал GoogleПроблема в том, что решения - это файлы изменений в Gradle. У меня нет файла Gardle. Это простой проект. Есть ли какое-нибудь решение, любая помощь будет отличной, Спасибо.

import Icon from 'react-native-vector-icons/FontAwesome';

  {
    Home: {
      screen: FetchNewsApp,
      navigationOptions: {
        tabBarLabel: 'Home',
        tabBarIcon: ({ tintColor }) => (
          <Icon name="home" color={tintColor} size={25} />
        ),
      },
    },

    Explore: {
      screen: ExploreScreenApp,
      navigationOptions: {
        tabBarLabel: 'Explore',
        tabBarIcon: ({ tintColor }) => (
          <Icon name="wpexplorer" color={tintColor} size={25} />
        ),
      },
    },

    Search: {
      screen: SearchScreenApp,
      navigationOptions: {
        tabBarLabel: 'Search',
        tabBarIcon: ({ tintColor }) => (
          <Icon name="search" color={tintColor} size={25} />
        ),
      },
    },

    Settings: {
      screen: SettingScreenApp,
      navigationOptions: {
        tabBarLabel: 'Settings',
        tabBarIcon: ({ tintColor }) => (
          <Icon name="cog" color={tintColor} size={25} />
        ),
      },
    },

    Profile: {
      screen: ProfileScreenApp,
      navigationOptions: {
        tabBarLabel: 'Profile',
        tabBarIcon: ({ tintColor }) => (
          <Icon name="user-circle" color={tintColor} size={25} />
        ),
      },
    },
  },
  {
    initialRouteName: 'Home',
  }
);

Ответы [ 2 ]

0 голосов
/ 25 сентября 2019

Если вы используете приложение, управляемое expo, просто используйте expo vector icons Expo vector icons

, потому что реагирующие нативные векторные иконки требуют связывания, что невозможно в приложениях, управляемых expo.

вот пример для выставочных иконок на закуску: Закуска

0 голосов
/ 25 сентября 2019

Вы также используете изображения, замените значки, все работает нормально,

tabBarIcon: ({ tintColor }) => ( <Image source={require('...')} style={{}}/> )

...