react-native-circular-progress 사용하기

react-native-circular-progress  바로가기

react-native-svg 가 먼저 설치되어 있어야 한다. 

react-native-svg 설치하기  바로가기

npm i --save react-native-circular-progress    

import { AnimatedCircularProgress } from 'react-native-circular-progress';
 
 . . . 
 
 
render() {
 
    return (
      <View style={{flex:1, justifyContent:"center", alignItems:"center"}}>
            <AnimatedCircularProgress
            size={200}
            width={15}
            fill={100}
            tintColor="#00e0ff"
            onAnimationComplete={() => console.log('onAnimationComplete')}
            backgroundColor="#3d5875" />
        </View>
    );
 
  }