M3-203 픽셀 정보창 개인전 디자인

[koomin1227]

작업 내용*

• 지도화면 디자인 적용
• 아래 모달 창 디자인 적용
• 현재 픽셀수 구현

고민한 내용*

로딩 시간 단축

• 기존에는 main 코드가 실행된 후 지도 창이 화면에 표시된 후 현재 위치를 async 하게 받아왔고 받아오는 동안 로딩이 걸리게 구현되어있었다.
• 현재 위치를 받아오는 작업을 main 함수로 뺐다. 이렇게 되면 스플레시 화면에서 현재 위치를 받아오기 때문에 사용자는 스플래시 화면만 기다리고 메인 페이지로 넘어오면 지도를 바로 로딩 할 수 있다.

현재 위치 이동 커스텀 버튼

• cameraPosition 을 수동으로 조작해여 구현

bottom 모달

• draggable scrollable sheet 를 사용해서 구현했다.
• 안에 있는 위젯이 CustomScrollView 이기 때문에 정확한 높이 계산이 어렵다.

한계

• 정확한 높이 계산이 어렵다보니 목록이 길어지면 bottom sheet 전체가 스크롤되어 버린다. 이부분은 추후 고정크기로 변경할 필요가 있을 것 같다.

리뷰 요구사항

• 리뷰할 때 중점적으로 봐줬으면 하는 내용들

스크린샷