react-native-circular-progress 바로가기
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 |
'React & React Native ' 카테고리의 다른 글
React Component Life Cycle [리액트 컴포넌트 라이프 사이클] (0) | 2019.01.24 |
---|---|
HTML5 Geolocation Async 처리 [Geolocation 비동기처리 ] (0) | 2019.01.21 |
React Native Fetch Call TypeError: Network request failed (0) | 2019.01.17 |
React Native Geolocation iOS simulator 설정값 변경 (0) | 2019.01.16 |
React Native Geolocation 사용하기 [ React Native 위도 경도 구하기] (0) | 2019.01.15 |