React Native Navigation，如何在类组件之间传递和使用Props？

Question

导出默认类LoginScreen扩展了React.component {

render () {
     return (
         <Button = {()=>this.props.navigation.navigate('Home', {number: 5} />
      )
}

}

HomeScreen类扩​​展了React.Component {render（）{返回（{this.props}//我想显示传递的数字）}}

Answer 1

您可以像这样使用本机导航通过props传递。在此示例中，我创建了一个函数，该函数返回一个对象，这就是我喜欢传递道具的方式，因为它使我可以通过道具发送对象而不会使onPress处理程序混乱。

export default class LoginScreen extends React.component {
  navObject = () => {
    let details = {
      name: "Hey",
      description: "This is a test",
      value: 5,
    };
    return details;
  };

  render() {
    return (
      <Button
        onPress={() => {
          this.props.navigation.navigate("Home", this.navObject());
        }}
      />
    );
  }
}