Ionicon не будет отображаться в React Native BottomTabNavigator

Я пытаюсь настроить простую панель навигации по экрану, используя реагирующую навигацию. У меня работает навигация, но я не могу отображать значки на каждой вкладке.

Я пытался использовать FontAwesome вместо IonicIcons, но вместо нужного значка появляется то же самое поле с X.

import React, {Component} from 'react';
import {createBottomTabNavigator, createAppContainer} from 'react-navigation';
import Icon from 'react-native-vector-icons/Ionicons';

import HomeScreen from './screens/HomeScreen'
import SearchScreen from './screens/SearchScreen'
import ScanScreen from './screens/ScanScreen'

const TabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
    tabBarIcon: () => (<Icon name="md-home" />)
    }
  },
  Scan: {
    screen: ScanScreen
  },
  Search: {
    screen: SearchScreen
  }
});

export default createAppContainer(TabNavigator);

react-native ionicons react-native-vector-icons
person Fez Abbas    schedule 13.05.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы должны связать его с react-native-vector-icons в командной строке:

 react-native link react-native-vector-icons
person Rodrigo    schedule 13.05.2019
comment
Да, это сработало! Не могли бы вы объяснить, почему у вас есть ссылка use в этой ситуации, но не нужно с несколькими другими пакетами? Изменить: нашел этот ответ stackoverflow. com/questions/49874385/ Еще раз спасибо - person Fez Abbas; 13.05.2019