[스피또 추천] 앱 개발

판매점 찾기 기능 개선

eyedealisty 2023. 3. 31. 09:00
반응형

출시 후 판매점 찾기 기능을 써보니 불편한 점이 많았습니다.

 

그 중 4가지를 먼저 개선 하였습니다.

 

1) 판매점 정보 화면 개선 - 주소와 상점이름 분리

2) 판매점 검색시 지번주소 검색 가능하도록 수정

3) 존재하지 않는 판매점, 목록에서 제외

4) 판매점 정보 화면에 사용한 패키지 변경

 

보통은 데이터 작업이 우선 되어야 화면을 그릴수 있습니다.

 

지번주소에 대한 데이터 작업을 하고 검색과 판매점 정보 화면을 수정했습니다.

 

존재하지 않는 판매점의 경우, 판매점 지도와 검색 모두에서 그려지지 않도록 서버에서 데이터 자체를 내려주지 않도록 수정했습니다.

 

1) 판매점 정보 화면개선  - 주소와 상점이름 분리

 

제일 윗줄에 판매점 이름을 볼드체로 적고 두번째 줄에 주소를 적도록 수정했습니다.

주소는 최근 도로명 주소가 더 보편화 되어있으므로 도로명주소를 위에 적고 지번주소를 아래 적었습니다.

 

기존

 

변경

 

2) 판매점 검색시 지번주소 검색 가능하도록 수정

 

검색 기능은 조금은 기술적인 고민을 했습니다.

해당 내용은 기회가 되면 다른 글에 작성하도록 하겠습니다.

 

도로명 검색

 

지번 검색

3) 존재하지 않는 판매점, 목록에서 제외

 

네이버 지도 api 를 활용하여 존재하지 않는 판매점을 판별했습니다.

 

 

4)  판매점 정보 화면은 하단에서 올라오는 바탐시트를 사용합니다.

pub.dev 에 있는 adaptive_action_sheet 패키지를 사용해 구현했다가 flutter 에서 기본으로 제공하는 showModalBottomSheet 으로 변경하였습니다.

 

반응형