从其他组件React-Native访问平面列表详细信息屏幕

import { createStackNavigator } from 'react-navigation';
import PlaneListScreen from './PlaneListScreen';
import PlaneDetailScreen from './PlaneDetailScreen';

const AppNavigator = createStackNavigator({
  PlaneList: { screen: PlaneListScreen },
  PlaneDetail: { screen: PlaneDetailScreen },
});

export default AppNavigator;

import React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';

class PlaneListScreen extends React.Component {
  render() {
    return (
      <View>
        <TouchableOpacity onPress={() => this.props.navigation.navigate('PlaneDetail')}>
          <Text>Plane 1</Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => this.props.navigation.navigate('PlaneDetail')}>
          <Text>Plane 2</Text>
        </TouchableOpacity>
        {/* 其他平面列表项 */}
      </View>
    );
  }
}

export default PlaneListScreen;

import React from 'react';
import { View, Text } from 'react-native';

class PlaneDetailScreen extends React.Component {
  render() {
    return (
      <View>
        <Text>Plane Detail</Text>
        {/* 显示平面的详细信息 */}
      </View>
    );
  }
}

export default PlaneDetailScreen;