React Navigation:利用与Redux的深层链接

时间:2017-04-21 13:55:05

标签: react-native redux integration deep-linking react-navigation

在React Navigation中,可以通过将uriPrefix prop传递给顶级导航器,或将{containerOptions: {URIPrefix: PREFIX}}作为第二个参数传递给内置导航器(例如{{1})来使用深层链接。 })。

当Redux与React Navigation集成时,顶级导航器会传递StackNavigator道具。

但是,在RN应用程序上同时启用Redux和深度链接时。 navigationuriPrefix道具都需要传递给顶级导航器,这会导致错误,

  

这个导航器有导航和容器道具,所以它是   不清楚它是否应该拥有自己的国家。

navigation

如何将Redux和深层链接(使用React Navigation)集成到RN应用程序中?

2 个答案:

答案 0 :(得分:1)

请参阅@kristfal评论 Redux can not be used with deep linking #1189.

或@grabbou comment.

答案 1 :(得分:0)

我会利用redux存储。考虑要深入链接到名为“某些标题”的书

  • 将基本查询字符串参数传递给您的应用启动器,例如“?route = Store / books / some-title”

  • 应用加载后,使用查询字符串中的信息更新状态。如果您想花哨的话,可以使用react路由器完成大部分操作。

只要正确设置了redux操作/ reduce,您的应用程序应在商店页面加载“ Some Title”这本书(同样,这是一个理论示例)