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>
react-native-circular-progress 進度條的使用
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.