[英]Icons not shown in React Navigation DrwaerNavigator
我正在嘗試向以下簡單的React Navigation DrawerNavigator添加圖標:
export default createAppContainer(createDrawerNavigator({
Home: {
screen: HomeScreen,
icon: 'home'
},
Screen1: {
screen: Screen1
},
Screen2: {
screen: Screen2
},
Screen3: {
screen: Screen3
},
}));
抽屜顯示很好,但圖標卻沒有。
圖標必須是<Image>
或<View>
類的組件,而不是字符串。
確保已導入react native矢量圖標以在Any Component中使用圖標。
import Ionicons from 'react-native-vector-icons/Ionicons';
export default createAppContainer(createDrawerNavigator({
Home: {
screen: HomeScreen,
navigationOptions: {
drawerIcon: () => <Ionicons name="ios-home" size={30} style={{ width: 24 }}
color="#000" />
}
},
Screen1: {
screen: Screen1
},
Screen2: {
screen: Screen2
},
Screen3: {
screen: Screen3
},
}));
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.