[Expo-TodoList] 기능 별 컴포넌트 만들기

MOON·2020년 7월 31일
0
post-custom-banner

이제 전체 틀도 갖추어졌으니,
기능별로 나뉠 컴포넌트들을 만들 것이다.

• TodoInsert 컴포넌트
텍스트 입력창(TextInput)과 추가 버튼이 들어갈 부분이다.

• TodoList 컴포넌트
추가된 아이템을 스크롤 뷰(ScrollView)를 통해
보여주는 부분이다.

• TodoListItem 컴포넌트
추가된 아이템 하나를 나타내는 부분이다.
해당 아이템이 완료 되었는지 아닌지의 여부를 나타내는
상태값을 가지게 되며,
완료 체크 이벤트와 삭제 이벤트 기능을 다루게 됩니다.


컴포넌트 스케치

components 폴더 생성 후
폴더 아래에 세 개의 컴포넌트 파일 추가하기!

post-custom-banner

0개의 댓글