RN抽屉导航

抽屉导航

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;