react-native-circular-progress  바로가기



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


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



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




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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>
    );
 
  }
 
cs




블로그 이미지

클라인STR

,