反应本机图标显示为(?)
我在做什么错?该代码看起来与他们在其网站上提供的示例几乎相同。
我用于左侧图标的代码:
<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} /> ),
}
}
答案 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