13、React Native 应用逻辑、数据处理及 Redux 实现指南

React Native 应用逻辑、数据处理及 Redux 实现指南

1. 网络数据同步功能实现

在 React Native 应用中，实现网络数据同步功能是很常见的需求。下面将详细介绍如何利用 NetInfo 模块来控制 HTTP 请求，以确保在有网络连接时及时同步数据，无网络连接时暂存请求。

操作步骤 ：
1. 导入模块 ：在 index.ios.js 中导入 NetInfo 模块和 TouchableOpacity 组件。

import {
  //...
  NetInfo,
  TouchableOpacity
} from 'react-native';

2. 添加实例变量 ：在 SyncData 类中添加 pendingSync 实例变量，用于存储待处理的请求。

class SyncData extends Component {
  pendingSync : undefined
}

3. 设置状态和监听网络连接 ：在