我如何集成 redux 商店以响应原生？

Question

我用 react native 和 Navigation React Navigation V2 创建了基本的用户界面 我的应用程序的入口文件（App.js）是这样的

//App.js

const App = createSwitchNavigator(
  {
    StartupScreen: Validator, //validating accesstoken existing or not if existing navigate to Dashboard otherwise login page 
    Login:Login, 
    DashBoard: Dashboard //tabbed view
  },  
  {
    initialRouteName: 'StartupScreen',
  }
);

export default App

这里如何与redux集成？

这就是我如何将商店传递给应用程序

<Provider store={store}> <App /></Provider>

获取存储每一页。

提前致谢

Answer 1

所以你需要返回包装你的导航器的 Provider。

// App.js

const App = createSwitchNavigator(
  {
    StartupScreen: Validator,
    Login:Login, 
    DashBoard: Dashboard
  },  
  {
    initialRouteName: 'StartupScreen',
  }
);

export default function() {
  return <Provider store={store}><App /></Provider>;
}

不要忘记导入 Provider 并使用 reducer 等创建 store。

Answer 2

我已经在我的模板中实现了 Redux。你可以参考这个https://github.com/vishaljadav24/react-native-base-template