7. React Native expo 달력 띄우기

이 글은 원래 4번이었는데..... 임시저장해 두고 업로드를 까먹었다.... 

내용 보충도 하려고 했는데.... 나중에 보충해야겠다... 

 

https://github.com/wix/react-native-calendars

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

 

https://dingcodingco.tistory.com/3

캘린더 띄우기(expo Calendar)

Expo 홈페이지에서 Calendar를 치면, import * as Calendar from 'expo-calendar 하라고 나온다.
우선이 모듈을 사용하려면 그 전에 Permission부터 허락받아야 하는데, 그전에 아래 어떤 함수가 있는지 확인했다.

 내가 원하는 캘린더를 띄우는 것보다는 대부분 뭔가 기존의 캘린더와 소통하는 함수들 그리고 createCalendarAsync()가 있다.
시도를 안해봐서 모르겠다만, 이걸 사용하면 캘린더가 화면에 출력될 것 같긴 하다. 그러나 사용예시나 참고할만한 자료를 찾기가 어려웠다.

 reactnative calendar를 검색해보니 https://github.com/wix/react-native-calendars.git 요놈을 찾았다.

사용법이 잘 설명돼있었다. 마음에 들었다. 다운로드 수도 높았다.
일단 expo에 적용이 되는지 설치해 봤다.
npm install --save react-native-calendar

Usagedp 적힌 대로 import 하고 basic parameter의 것을 일단 복붙 했다.
expo start 하고 화면을 확인해 보니 캘린더가 제대로 출력됐다.
내일은 필요한 기능만 넣고 디자인 좀 손봐야겠다.

아무튼 expo를 사용하며 캘린더 기능을 넣고 싶은 사람은 위 모듈을 참고해 보면 되겠다.

출처: https://dingcodingco.tistory.com/3 [딩코딩코:티스토리]