抽屉导航
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;
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。