Flutter 일주일짜리 첫 프로젝트!

---

💡 아이디어 회의

• 버킷리스트 추가 기능구현

  • 버킷리스트 Home 📮

    • 남은 버킷리스트 갯수 텍스트 & 이미지

    • 미완료 버킷리스트 버튼 (하고싶어요)

      • 미완료 ListView

        • 버킷리스트 남은 수 표시

        • 체크표시, 제목, 날짜(D-Day), 메모

        • 수정/삭제기능(오른쪽으로 슬라이드)

          [Flutter + TIL] ListView + Slidable

      • 하단 버킷리스트 등록 버튼

        • 달성 버킷리스트 수 표시
        • 터치하면 버킷리스트 생성(수정)페이지로 이동 🔜 📝

    • 완료 버킷리스트 버튼(달성했어요)

      • 완료목록 ListView

  • 버킷리스트 생성(수정)페이지 📅

    • 페이지 소개제목
    • 이미지
    • TextField
      • 제목
      • 날짜
      • 알림
      • 메모
    • 버킷리스트 등록버튼
    • 취소 버튼

  • 버킷리스트 완료 페이지 🎉

    • 달성한 버킷리스트 갯수 텍스트 & 이미지
    • Icon & Text
    • ListView로 완료된 목록 실시간으로 가져오기

📱와이어 프레임

🔥 최종 결과물

MainPage

• 하고싶어요/달성했어요 Button : 삼항연산자를 활용하여 하나의 Page에서 하단의 리스트만 변할 수 있게 UI구성
  • ‘하고싶어요’일 때는 BucketList + BucketList.length + 등록버튼
  • ‘달성했어요’일 때는 DoneList + DoneList.length + 등록버튼 안보이게

• Dismissible Slide : UI의 재미를 주기 위하여 단순한 버튼이 아닌 Slide로 수정 및 삭제버튼 구현

• 수정 및 삭제 : 수정 및 삭제버튼 클릭 시 기능

  • 수정 : 수정버튼 클릭 시 index를 넘겨주어 BucketList안의 Index번째의 데이터를 가지고 EditPage로 이동
  • 삭제 : index를 넘겨받아 BucketList[index] 값 삭제

EditPage

• 제목, 내용 : TextField로 값을 받아와서 BucketList에 전달
• 날짜 기능 : DatePicker를 활용하여 값을 TextField로 넘겨줌
• 알림 기능 : TimePicket를 활용하여 값을 TextField로 넘겨줌 - 시간부족으로 인해 기능이 온전하지 않음
• 버킷리스트 등록 : 등록버튼 클릭시 TextField안의 모든 값들을 BuketList에 전달 후 새 버킷리스트 생성

🎞️ 시연 영상