react native 学习记录

import React from 'react';
import { Button, View, Text } from 'react-native';
import { createBottomTabNavigator,createStackNavigator ,createDrawerNavigator} from 'react-navigation';

class HomeScreen extends React.Component {
	static navigationOptions = {
    title: 'Home',
	drawerLabel: 'Home',
  };
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screen</Text>
        <Button
          title="Go to Details"
          onPress={() => this.props.navigation.navigate('Details')}
        />
      </View>
    );
  }mdd
}
class DetailsScreen extends React.Component {
	static navigationOptions = {
    title: 'Details',
	drawerLabel: 'Details',
  }; 
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Details Screen</Text>
        <Button
          title="Go to Details... again"
          onPress={() => this.props.navigation.navigate('Home')}
        />
      </View>
    );
  }
}

	
export default
createBottomTabNavigator({
  Home:createDrawerNavigator({
	Home:createStackNavigator({
	  Home: HomeScreen,
	}) ,
	  Details:createStackNavigator({
	  Details: DetailsScreen,
	}) 
	}),
	  Details: DetailsScreen,
})