使用导航器onPress进行React原生呈现和切换

import { createStackNavigator } from 'react-navigation';

const AppNavigator = createStackNavigator({
  Home: { screen: HomeScreen },
  Details: { screen: DetailsScreen },
});

import React from 'react';
import { Button } from 'react-native';

class HomeScreen extends React.Component {
  render() {
    const { navigate } = this.props.navigation;
    return (
      <Button
        title="Go to Details"
        onPress={() => navigate('Details')}
      />
    );
  }
}

import { createAppContainer } from 'react-navigation';

const AppContainer = createAppContainer(AppNavigator);

export default class App extends React.Component {
  render() {
    return <AppContainer />;
  }
}