我正在尝试在下面简单的React Navigation DrawerNavigator中添加图标:
export default createAppContainer(createDrawerNavigator({
Home: {
screen: HomeScreen,
icon: 'home'
},
Screen1: {
screen: Screen1
},
Screen2: {
screen: Screen2
},
Screen3: {
screen: Screen3
},
}));
抽屉显示正常但图标不显示。
确保已导入反应原生矢量图标以在任何组件中使用图标。
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
},
}));
图标必须是<Image>
或<View>
之类的组件,而不是字符串。