[2024.03.20] HomeBar 구현 현황

1차적으로 개발한  전체적인 동작화면(사용된 이미지는 랜덤하게 나오는 사이트를 이용)

좌측(안드로이드) / 우측(Web 크롬)

- 구현된 것들

 

- GoRoute 를 사용하여  Navigator를 구성하였으며, Web에서 URL로 접근 가능하도록함

---

 

1. 홈 화면

• 게스트, 호스트, 등 page들을 넣고 액체느낌으로 페이지 전환되도록 패키지사용
• page가 전환되었을 때 축하하는 애니메이션 Lottie가 동작하게끔 로직 작성해봄

---

2. 칵테일 화면

 

• Hero 위젯을 사용하여 cocktail 정보를 tag로 설정하여 같은 카드가 이동하는 것처럼 일체감을 줌
• 칵테일 상세화면을 만들고 클릭 했을 때 칵테일 레시피에 필요한 재료와 위스키들을 Riverpod을 통해 가져옴
• 칵테일 상세페이지의 배경화면 이미지에 블러 효과를 주도록 블러필터를 사용함
• 당도,바디감, 스파이시를 표시하기위해 캔버스로 원형 차트를 그리고 이를 애니메이션으로 표현함

---

 

3. 주문서 화면

• ListView.Builder와 ListTile을 사용하여 금액, 칵테일명 나오도록 보여줌
• 추가기능들 생각해보기

---

 

4. 프로필 화면

 

• Sliver를 사용하여 Nested스크롤에 중점을 둠
• TabBar 사용를 사용하여 그리드형태의 프로필과 리스트 형태의 세팅 섹션을 나눔

---

이외의 것들

- 칵테일, 위스키, 재료 등 Model로 사용할 객체들 구성함

- Provider 로직, Repository 사용

- GoRoute 에서 로그인 상태관리

---

 

- 앞으로 추가할 것들

• 칵테일 검색화면에 검색바 추가
• Model 에 값들 추가(당도, 스마이시, 바디감 등)