在 react-navigation 的 goBack 上反应 Native Pass 属性？

Question

我使用 react-navigation 和 StackNavigatior 浏览屏幕。我从屏幕 A 导航到屏幕 B，在那里我可以 select 从选项列表中选择一个选项。

按下“完成”后，我想返回屏幕 A 并查看我在屏幕 B 中 select 编辑的选项。

我该怎么做？

我试图将选项 selected 传递给 goBack() 方法，但它不起作用。

Answer 1

如果屏幕 A 是屏幕 B 的父级，您可以传递如下内容：

    setScreenBOption: function (option) {
        this.setState({screenBOption:option});
    }

到屏幕 B。

然后，无论何时选择该选项，您都可以从屏幕 B 调用

    this.props.setScreenBOption(thingThatWasClicked);

在屏幕 A 上，您将显示 this.state.screenBOption。

如果屏幕 A 和屏幕 B 是兄弟，您可以将 setScreenBOption 函数添加到屏幕 A 和屏幕 B 的父级上，并将 this.setScreenBOption 向下传递到屏幕 B 和 this.state.screenBOption 到屏幕 A。在屏幕 A 上，您将显示 this.props.screenBOption。

在 react-navigation 的 goBack 上反应 Native Pass 属性？

React Native Pass properties on goBack in react-navigation ?

react-native

react-navigation