如何使用Redux在NavigationExperimental React Native中的2个场景之间传递道具

Question

我正在使用Naviagtion Experimental并且我有一个列表视图，当用户在列表视图上选择项目时，我将使用推送导航实验打开项目详细信息。我有一个问题 如何使用Redux在NavigationExperimental React Native中的2个场景之间传递道具？ （我正在使用android）

感谢。

Answer 1

最简单的方法是使用您已用于导航的route对象发送道具。

在ListView

中

const route = {key: 'detail', itemId: 123}
<TouchableHighlight
  onPress={() => handleNavigate({type: 'push', route: route}) >
...
</TouchableHighlight>

在NavigationCardStack的{​​{1}}中，您可以将道具传递给详细视图组件

renderScene

Answer 2

我建议你使用react-native-router-flux。

您可以从此处获取：https://github.com/aksonov/react-native-router-flux

使用它传递道具非常容易。例如，导航到组件X并传递道具：

Actions.X({testProps: 'hello', title: 'Page titile'});