Ionicons не отображаются в реакции родной - PullRequest
Новая
       31

Ionicons не отображаются в реакции родной

0 голосов
/ 27 января 2019

Я пытаюсь добавить иконки в Tab Navigator с помощью Ionicons.

Я импортирую их из expo / vector-icons 

import { Ionicons } from '@expo/vector-icons';

Затем я добавляю свои экраны в свойnavigator 

const TabNavigator = createBottomTabNavigator(
  {
    Home: {screen: HomeStack},
    AddNew: {screen: AddNewScreen},
    Settings: {screen: SettingsStack},
  },

И инициировать мои Ionicons в navigationOptions 

{
navigationOptions: ({ navigation }) => ({

  tabBarIcon: ({ focused, tintColor }) => {

    const { routeName } = navigation.state;
    var iconName;
    if (routeName === 'Home') {
      iconName = 'add-circle-outline';
    } else if (routeName === 'AddNew') {
      iconName = 'ios-add-circle';
    } else if (routeName === 'Settings') {
      iconName = 'md-options';
    }
    return <Ionicons name={iconName} size={25} color={tintColor} />;
  },  });

Затем я настраиваю свой AppContainer и экспортирую его 

const AppContainer = createAppContainer(TabNavigator);

export default AppContainer;

Я пытался использовать MaterialIcons вместо Ionicons с такими же результатами.Мои коллеги, которые успешно внедрили ionicons, не должны использовать AppContainer для экспорта своего навигатора, поэтому я склонен думать, что это проблема.

Давным-давно, и это просто не будет работать для меня.

1 Ответ

0 голосов
/ 20 марта 2019

Ошибка произошла из-за того, что папка expo / vector-icons не была объявлена.

Я решил ее с помощью этой команды в терминале:

npm install @ expo / vector-иконы

...