反应本机导航中最上层包裹组件的最佳设计模式

时间:2019-03-07 23:42:39

标签: react-native react-native-navigation wix-react-native-navigation react-native-navigation-v2

我目前正在将代码库从react-navigation迁移到RNN。对于先前的实现,我在Provider组件下还有两个包装的组件。架构如下所示

<Provider>
  <WebsocketManager>
     <ConnectionManager>
        <App> (render react-navigation navigator inside)
     </ConnectionManager>
  </WebsocketManager>
</Provider>

但是,如果我现在正确理解和实施,那么RNN的新架构应该是这种方式

<Provider>
  <Screen 1 />
</Provider>

<Provider>
  <Screen 2 />
</Provider>

这些屏幕共享相同的redux存储。但是,在这里嵌入我的另外两个上层组件的最佳方法是什么?注意,我需要那些屏幕来使用相同的实例,例如单例方式。如果我使用HOC包装屏幕1和屏幕2 ...,则每个屏幕都将由新的管理器实例包装。如果没有全局标志可控制,则诸如open ws之类的某些逻辑可能会运行多次。我想知道是否存在RNN处理这种情况的方法,以及最佳的设计模式是什么。

0 个答案:

没有答案