react-native-circular-progress 进
2018-11-08 本文已影响0人
JsLin_
![](https://img.haomeiwen.com/i4731495/2660905a6c548368.png)
const MAX_POINTS = 6000;
const fill = degreTotal / MAX_POINTS * 100;
<AnimatedCircularProgress
size={150}
width={10}
fill={fill}
tintColor="rgb(255,209,65)"
onAnimationComplete={() => console.log('onAnimationComplete')}
backgroundColor="rgb(255,249,217)">
{(fill) => (
<View style={styles.AnimateMonyDetailViewCotan}>
<View style={styles.AnimateMonyDetailView}>
<Text style={styles.canMony}>可借额度(元)</Text>
<Text style={styles.monyText}> {Math.round(MAX_POINTS * fill / 100)}</Text>
<Text style={styles.canMony}>总额度6000元</Text>
</View>
</View>
)}
</AnimatedCircularProgress>