19、React Native 中的进度展示与地理定位及地图应用

React Native 中的进度展示与地理定位及地图应用

1. 进度展示

在应用开发中，向用户展示操作进度至关重要，它能增强用户体验，避免用户因等待而产生不安。下面将详细介绍几种不同类型的进度展示方式。

1.1 测量进度

仅显示进度进行中而没有明确结束提示，会让用户感到不安，就像在没有定时器的微波炉里等待食物一样。因此，在可能的情况下，使用确定性的进度条是更好的选择。

由于 React Native 中没有跨平台的进度条组件，我们需要自己创建一个。以下是具体实现步骤：

1. 创建跨平台组件模块 ：
   • ProgressBarComponent.ios.js ：

// Exports the "ProgressViewIOS" as the
// "ProgressBarComponent" component that
// our "ProgressBar" expects.
export {
  ProgressViewIOS as ProgressBarComponent,
} from 'react-native';
// There are no custom properties needed.
export const progressProps = {};

- **ProgressBarComponent.android.js*