使用REDUX沿侧面反应导航 [英] using redux along side react-navigation

问题描述

有没有办法让react-navigation管理所有导航方面，同时让redux管理睡觉而不让它们全部纠结在一起。

react-navigation不再支持redux，这让我很难过。

警告：在将于2018年秋季发布的Reaction导航的下一个主要版本中，我们将不再提供有关如何与Redux集成的任何信息，并且它可能会停止工作。

我并不特别关心由redux存储管理导航状态，但我确实希望在那里管理我的显示状态。react-navigation需要传递适用于小型应用程序但伸缩性不佳的状态。

通过在我关心的每个页面上运行connect，我已经获得了使用react-navigation的Redux。一切工作正常，直到您开火并采取使本地react-navigation状态变为核状态的操作。

你们中有没有人使用react-navigation以我上面描述的方式使用redux？

推荐答案

我是这样做的。当我创建路线时，我发现最简单的方法是在我的所有屏幕上使用"连接"。我希望这会有帮助：

const AppNavigator = createStackNavigator(
  {
    Route1: {
      screen: setupReduxContainer(Screen1)
    },
      Route2: {
        screen: setupReduxContainer(Screen2)
      }
  },
  {
    initialRouteName: "Route1"
  }
);

export const NavigationContainer = createAppContainer(AppNavigator);

export function setupReduxContainer(component) {

const Container = component;

  return connect(
    state => ({ ...state })
  )(props => <Container {...props} />);
}


export default () => (
  <Provider store={store}>
    <NavigationContainer />
  </Provider>
);

这篇关于使用REDUX沿侧面反应导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！