react native将数据传递到其他屏幕

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

class SourceScreen extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: 'Hello World',
    };
  }

  navigateToTargetScreen = () => {
    this.props.navigation.navigate('Target', { data: this.state.data });
  }

  render() {
    return (
      <Button title="Go to Target Screen" onPress={this.navigateToTargetScreen} />
    );
  }
}

const AppNavigator = createStackNavigator({
  Source: { screen: SourceScreen },
  Target: { screen: TargetScreen },
});

export default createAppContainer(AppNavigator);

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

class TargetScreen extends React.Component {
  render() {
    const { navigation } = this.props;
    const data = navigation.getParam('data', 'Default Value');

    return (
      <Text>{data}</Text>
    );
  }
}

export default TargetScreen;