Coaspe

남음 금요일에 번화가를 가면 가게에 자리가 없어서 배회한 적이 많습니다. 그럴 때마다 이런 앱이 있으면 어떨까 생각해서 Flutter 연습겸 제작했습니다. 포잉, 캐치 테이블과 같이 비슷한 앱이 존재하지만 제가 원하는 것은 아직 없는듯 합니다. 원하는 가게에 자리가 있다면 예약 하고, 없다면 웨이팅을 겁니다. 이 앱은 고객이 이용하는 앱이고, 사장을 위한 앱도 제작해야합니다. 최대한 pub.dev의 라이브러리를 사용하지 않으려고 노력했습니다. Github Preview 주변 가게 검색 )) 예약 예약 취소 )) 커스텀 로컬 알람 |

현재 내 주변에 어떤 가게들이 있는지 확인하기 위해 Google map을 사용합니다. Google map위에 있는 Marker를 클릭하거나, sheet을 드래그하면 화면의 하단에서 sheet이 올라오게 구현 할 예정입니다. (Marker를 클릭하는 것은 간단하니 우선 드래그를 구현해봅니다) 우선 Google map이 있는 tab을 Stack으로 감싸줍니다. 그래야 Positioned를 사용해 bottom에 sheet를 위치 시킬 수 있습니다. 24 line이 우리가 구현 할 위젯입니다. MapBottomSheet은 StatefulWidget으로 설정합니다. BottomSheet을 AnimatedContainer로 구현 할 것이기 때문에 state가 필요합니다. 기본 동작은 다음과 같습니다. Bottom ..

손님은 현재 위치한 장소 주변의 가게들의 웨이팅 상태의 확인을 할 수 있고, 동시에 웨이팅 등록이 가능 가게 주인은 본인 가게에 몇 테이블이 있는지, 웨이팅 관리를 도와주는 토이 프로젝트를 계획했습니다. 이름은 남음

키워드를 입력하면, 해당 키워드와 일치하는 가게명을 가진 리스트를 생성하여 OverlayEntry로 삽입하는 SearchBar를 만들고 싶었습니다. OverlayEntry + CompositedTarget + CompositedFollower을 사용하여 구현하였습니다. 2글자 이상이 되면 OverlayEntry를 삽입하고, 일치하는 가게를 검색합니다.