[헬스 다이어리 앱 개발] 4편 - 달력 만들기

홈 화면에 들어갈 달력을 만들어보자.

달력을 만드는 이유는 깃허브의 잔디처럼 운동을 하면 달력에 표시를 해 동기부여를 주기 위해서다.

깃허브 잔디

 

 

React-Native-Calendars

달력 라이브러리는 React-Native-Calendars라는 걸 이용했다.

yarn으로 설치후, 불러왔다.

React-Native-Calendars로 만든 달력

 

달력에 넣을 기능은

1. 운동한 날짜를 표시한다.

2. 날짜를 누르면 그 날한 운동 기록을 보여준다.

 

날짜를 누르면 해당 날의 다이어리 스키린으로 이동하게 했다.

 

다음엔 본격적으로 운동 데이터를 저장해보자.

 

참고 자료

GitHub - wix/react-native-calendars: React Native Calendar Components 🗓️ 📆