Question

我的问题看起来很简单，但我无法想象如何解决它我有两个组件，我使用StackNavigator导航到它们，在其中一个组件中我有状态值，我需要将状态值传递给另一个组件，但正如我所说我使用StackNavigator从一个组件转到另一个组件，我试图弄清楚我该怎么做< / p>

我的导航器：

 const Navigate = StackNavigator(
  {
    Home: { screen: HomeScreen },
    Riddles: { screen: RiddlesScreen },
    Introduction: { screen: IntroductionScreen },
    About: { screen: AboutScreen },
  },
  { headerMode: 'screen' }
);

我的主屏幕课程：

class HomeScreen extends Component {
  static navigationOptions = {
    header: null
  }

  render() {
    return (
      <View>
        <Home navigation={this.props.navigation} />
      </View>
    );
  }
}

my riddlescreen class：

class RiddlesScreen extends Component {
  static navigationOptions = {
    header: null
  }
  render() {
    return (
      <View>
        <Riddles navigation={this.props.navigation} />
      </View>
    );
  }
}

在Riddles组件中（在RiddleScreen类中）

我的状态包含我需要传递给Home组件的值（在HomeScreen类中）。

实现这一目标的最佳方法是什么？每个帮助真的很感激！感谢。

Answer 1

您可以在导航时在屏幕之间传递数据。更多信息here。

示例

<Button onPress={() => {this.props.navigation.navigate('SomeScreen', { some: this.state.someValue})}} /> // and in SomeScreen console.log(this.props.navigation.state.params.some);

通过导航器

1 个答案: