원그리기1 [React Native] 원 그래프 그리기 특정 메모의 완료 개수 / 전체 개수 를 시각적으로 표현하기 위해원 그래프를 사용한다. 이를 위해 다양한 라이브러리가 존재하지만, 비교적 간단한 그래프를 구할 예정이므로 react-native-circular-progress를 사용한다. 1. 패키지 설치컴포넌트 사용을 위해 아래 패키지를 설치한다.npm install react-native-circular-progress react-native-svg 2. 코드 구현 {(fil) => ( 버킷 리스트 - 할일 // 원 그래프 내부 텍스트 )}코드를 구현한 후 화면을 확인하면, 아래와 같이 구현된 것을 확인 할 수 있다.그래프으 시작 지점은 3시 방향인 것으로 확인된다.일반적으로 원형 그래프를 구현할 때, 진행률 시작 지점은 12시로 인식하고.. 2024. 11. 18. 이전 1 다음
