从单个数据源对整个应用程序中的数据更改更新本机ui组件

时间:2019-05-14 06:47:48

标签: react-native redux

我是本机反应的新手,我从服务器获取数据,并且必须根据数据更新UI元素,就像更改背景颜色或隐藏图像一样。为了实现这种方式,我应该遵循哪种方法,现在我正尝试使用redux来实现它,但是由于某种原因无法更新redux中的特定项,因为在redux中我存储了Json数据。我尝试更新,但仍然没有运气来更新redux。

基本上,如果我自动从服务器获取任何数据(如通知或其他数据),我想在每个屏幕上更新UI。

请帮助我决定实施此方法的更好方法。

谢谢。

依赖项:

"dependencies": {
    "firebase": "^5.0.3",
    "lodash": "^4.17.11",
    "prop-types": "^15.6.2",
    "react": "16.4.1",
    "react-native": "0.56.0",
    "react-native-elements": "^0.19.1",
    "react-native-keyboard-aware-scroll-view": "^0.8.0",
    "react-native-navigation": "^2.3.0",
    "react-native-segmented-control-tab": "^3.3.1",
    "react-native-size-matters": "^0.2.1",
    "react-native-vector-icons": "^6.1.0",
    "react-redux": "^6.0.0",
    "redux": "^4.0.1"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-react-native": "5.0.2",
    "jest": "23.6.0",
    "react-test-renderer": "16.4.1"
  },

1 个答案:

答案 0 :(得分:1)

如果使用Redux,请尝试根据其状态制作组件。假设您要更改组件的颜色。您可以使用prop来使组件颜色动态化,执行状态更改调度动作时,reducer会将新状态返回给组件。组件应基于该状态进行渲染。 查看this文章,您会得到它。