我如何整合redux商店以反应原生?

时间:2018-05-30 09:39:23

标签: react-native react-redux react-navigation

我创建了基本的ui,反应原生和导航反应导航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>

每个页面都可以存储。

提前致谢

2 个答案:

答案 0 :(得分:0)

因此,您需要返回包含导航器的提供程序。

// App.js

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

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

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

答案 1 :(得分:0)

我在我的模板中实现了Redux。您可以参考此https://github.com/vishaljadav24/react-native-base-template