进度条
react-native-circular-progress圆形进度条或者弧形
- 安装这个库必须也要安装
react-native-svg
库npm i --save react-native-circular-progress react-native-svg
- 使用
import { AnimatedCircularProgress } from 'react-native-circular-progress'; <AnimatedCircularProgress size={120} // 圆形大小 width={3} // 宽度 fill={80} // 填充多少 80/100 tintColor="#00e0ff" // 填充的颜色 onAnimationComplete={() => console.log('onAnimationComplete')} backgroundColor="#3d5875"/> // 未填充的颜色