카테고리 없음

[React Native/React] Time Sheet에 스케쥴 추가 기능

밍띠이 2023. 10. 17. 19:15
반응형

상단에 있는 스케쥴을 추가해 보는 모달을 생성하였다.

 

상단 플러스 버튼을 누를 경우

아래와 같이 모달창이 뜨게 되고

d

detail: 상세 내용 입력

시작시간과, 끝 시간을 입력받아 스케쥴 표에 나타낼 수 있다.(기능 추가중)

Allday 버튼을 체크하면 하루종일 스케쥴로 변경된다(기능 추가중)

카테고리 색상을 선택하면 스케쥴표에서 보여줄 색상을 선택할 수있다(기능 추가중)

스케쥴에 이동시간이 포함된다면 이동 수단과, 이동 시간을 추가하여 스케쥴 표에 나타낼 수 있다.(기능 추가중)

Create Schedule 버튼을 누르면 스케쥴이 추가되고

Cancel 버튼을 누르면 작성된 내용이 사라지며, 모달이 닫히게 된다.

 

추가적으로 데이터들을 하나의 배열로 받아와 처리하는 기능을 구현해서 관리하는것이 데이터를 읽고 쓰고 수정하는데에 편리할 것 같다.

또한 직관적인 날짜 선택 및 시간 선택을 위해 피커 위젯을 한번 찾아봐야겠다.

반응형