抽屉导航
importReact, { Component } from 'react';
import{
AppRegistry,
StyleSheet,
View,
Text,
Button,
Image
}from'react-native';
import{DrawerNavigator}from'react-navigation';
classMyHomeScreenextendsReact.Component{
staticnavigationOptions={
drawerLabel:'首页',
drawerIcon:({tintColor})=>(
source={require('../logo.png')}
style={[styles.icon,{tintColor:tintColor}]}
/>
),
};
render(){
return(
onPress={()=>this.props.navigation.navigate('DrawerOpen')}
title="这是啥"
/>
);
}
}
classMyNotificationsScreenextendsReact.Component{
staticnavigationOptions={
drawerLabel:"详情页",
drawerIcon:({tintColor})=>(
source={require('../logo.png')}
style={[styles.icon,{tintColor:tintColor}]}
/>
),
};
render(){
return(
onPress={()=>this.props.navigation.goBack()}
title="我也不知道"
/>
);
}
}
conststyles= StyleSheet.create({
icon: {
width:24,
height:24,
},
});
constMyApp=DrawerNavigator({
Home:{
screen:MyHomeScreen,
},
Notifications:{
screen:MyNotificationsScreen,
},
});
module.exports=MyApp;
