[英]Icons not shown in React Navigation DrwaerNavigator
I'm trying to add icons to the below simple React Navigation DrawerNavigator : 我正在尝试向以下简单的React Navigation DrawerNavigator添加图标:
export default createAppContainer(createDrawerNavigator({
Home: {
screen: HomeScreen,
icon: 'home'
},
Screen1: {
screen: Screen1
},
Screen2: {
screen: Screen2
},
Screen3: {
screen: Screen3
},
}));
The drawer is shown fine but icon isn't. 抽屉显示很好,但图标却没有。
图标必须是<Image>
或<View>
类的组件,而不是字符串。
Make sure you have imported react native vector icons to use icons in your Any Component. 确保已导入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.