react-native-elements图标未显示

时间:2018-09-03 16:42:14

标签: react-native

反应本机图标显示为(?)

我在做什么错?该代码看起来与他们在其网站上提供的示例几乎相同。

这就是我看到的(不要介意中间图标,它以不同的方式出现):

enter image description here

我用于左侧图标的代码:

<Icon name='users' type='Feather' size={25} color={tintColor} />

右侧图标的代码:

GamesInProgressTab: {
    screen: GamesInProgressNavigator,
    navigationOptions: {
    title: 'Games',
    tabBarIcon: ({ tintColor }) => ( <Icon name='rocket' type='Entypo' size={25} color={tintColor} /> ),
    }
} 

2 个答案:

答案 0 :(得分:5)

在我的情况下,我使用的是react native elements,但图标未显示,仅显示了中文/日文字体。

注意::我的应用由 React Native CLI 托管,而由 NOT Expo 托管。

我的环境:

react-native": "0.62.1"react-native-elements": "^1.2.7"

尽管建议在RN> 0.60中自动链接,但我必须使用以下方式手动链接矢量图标:

react-native link react-native-vector-icons 

答案 1 :(得分:1)

您的type道具中有错字。

您需要使用受支持类型的以下名称之一

  • material-community
  • font-awesome
  • octicon
  • ionicon
  • foundation
  • evilicon
  • simple-line-icon
  • zocial
  • entypo
  • feather