react-native - 使用 navigation.goBack() 时如何将数据发送回前一屏幕？

Question

我有屏幕 1，我使用以下方法导航到屏幕 2:

navigation.navigate('Screen2')

从这个屏幕，我想转到上一个，它很简单:

navigation.goBack()

但是我想知道如何将一些数据传回 Screen1？类似的东西不起作用 navigation.goBack({ myData: 'something' })所以我想知道一般推荐的方法是什么？

Answer 1

您可以通过两种方式解决它:

1:使用导航方式

当您通过导航调用该屏幕时传递一个方法:

this.props.navigation.navigate('Screen2', {
  onGoBack: this.refresh,
});

refresh=(data)=> {

}

当你按下时，传递数据，如

this.props.navigation.state.params.onGoBack('123');
this.props.navigation.goBack();

2 : 使用 redux store

如果您在应用程序中使用 redux，只需在用户按下后退按钮时更新 redux store，并在前一屏幕中获取 store 值。