Иконки не появляются в реакции-родной - PullRequest
0 голосов
/ 10 октября 2018

Я использую react-native-vector-icons/FontAwesome для отображения значков и react-navigation для отображения вкладок.Я пытаюсь показать значок «Домой» в навигации по кнопкам, но значки не отображаются.

PFB-код, соответствующий значку, а также createBottomTabNavigator

import React from 'react';
import { createBottomTabNavigator } from 'react-navigation';
// import { Icon } from 'react-native-elements';
import Icon from 'react-native-vector-icons/FontAwesome';

import Account from '../../Form/components/Account';
import Home from '../../Layout/components/Home';

export const Tabs = createBottomTabNavigator({
  Account: { 
    screen: Account,
    navigationOptions: {
      tabBarLabel: 'Account',
      tabBarIcon: ({ tintColor }) => <Icon name="rocket" size={35} color="#fdc94c" />
    }
  },
  Home: { 
    screen: Home,
    navigationOptions: {
      tabBarLabel: 'Home',
      tabBarIcon: ({ tintColor }) => <Icon name="rocket" size={35} color="#fdc94c" />
    },
 }
}, {
  order: ['Home', 'Account'],
  tabBarOptions: {
      showLabel: true,
      showIcon: true,
      activeBackgroundColor: '#42a5f5',
      style: {
        backgroundColor: '#42a5f5',
        paddingVertical: 10,
        height: 60
      },
      indicatorStyle: {
        backgroundColor: '#42a5f5',
      }
    }
})

Скриншот PFB.

Что мне нужно сделать, чтобы показать иконку дома? enter image description here

Ответы [ 2 ]

0 голосов
/ 10 октября 2018

Выполнить команду npm i -g rnpm.И запустите ссылку rnpm в папке проекта.Затем запустите проект.

0 голосов
/ 10 октября 2018

Убедитесь, что шрифт связан с вашим рабочим пространством iOS, с помощью react-native link react-native-vector-icons затем пересоберите приложение

Следуйте документации и убедитесь, что все установлено так, как указано https://github.com/oblador/react-native-vector-icons#ios

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...