Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feat] [#31] Map 화면 바텀시트 구현 #54

Merged
merged 16 commits into from
Apr 10, 2024
Merged

Conversation

easyhooon
Copy link
Collaborator

@easyhooon easyhooon commented Apr 10, 2024

Map 화면 툴팁 바텀시트 기본 바텀시트 검색
바텀시트 검색결과없음 바텀시트 편집
  • MapTopAppBar 의 툴팁 추가 및 Title 클릭시 전체 화면을 차지하는 바텀시트가 나오도록 구현
  • 검색 텍스트에 따른 관심 축제 바텀시트 분기(검색 모드), 검색 결과가 존재할때와 존재하지 않을 때 분기처리
  • 편집 버튼을 클릭하면 편집할 수 있도록(편집 글씨 텍스트와 delete icon 이 너무 작은 것 같다는 생각)

  • UnifestScaffold 추가, Navigation Bar 에 포함되는 화면들의 대한 padding 관련 보일러플레이트 코드 제거
  • compose-keyboard-state 라이브러리를 도입하여, Modifier.removeFocusWhenKeyboardIsHidden() 를 사용하여 TextField 의 입력중 시스템 백버튼을 통해 키보드를 내리는 경우, TextField의 포커스자체를 제거하여 다음에 TextField 를 클릭하면 다시 키보드가 올라올 수 있도록 함.
    -> 다만 해당 Scaffold 내에 포함되는 화면들(Home, Map, Waiting, Menu)만 적용되는 지라, Intro, 관심축제 내에 포함된 TextField 는 적용되지 않음, 근원적인 코드 레벨에서의 해결 필요 (이슈에 등록해두겠습니다)

TODO

  • Map 화면 지도 내에 클러스터링 구현
  • 인기 부스 버튼 선택에 따른 하단 Horizontal Pager Item 분기처리
    -> 하나의 feature 가 너무 헤비해지는 관계로 얘네는 다음 feature 에서 진행하도록 하겠습니다.

compose-foundation 내에 class 를 찾지 못하는 문제 해결
string resource 추가
일반 SearchTextField 와 SearchMode 가 존재하는 (뒤로가기, 하단 뷰 안보이게 하는 설정) FestivalSearchTextField 로 분리
system-ui-controller -> compose-system-ui-controller 로 네이밍 변경
compose-state-keyboard 라이브러리 적용 및, Scaffold padding 관련 보일러 플레이트 제거
@easyhooon easyhooon added enhancement New feature or request design tasks releated to design labels Apr 10, 2024
@easyhooon easyhooon self-assigned this Apr 10, 2024
@easyhooon easyhooon linked an issue Apr 10, 2024 that may be closed by this pull request
@wjdtkdgns777
Copy link
Collaborator

열심히 읽었는데 바텀시트부터 시작해서 인트로 구조까지 바꾸는 대작업이셨군요.. 수고 너무 많으셨습니다
바텀시트에서 텍스트필드가 커서 위치가 이상하게 잡히는 문제도 있던데 이슈에 함께 올려두겠습니다.

@easyhooon
Copy link
Collaborator Author

easyhooon commented Apr 10, 2024

열심히 읽었는데 바텀시트부터 시작해서 인트로 구조까지 바꾸는 대작업이셨군요.. 수고 너무 많으셨습니다 바텀시트에서 텍스트필드가 커서 위치가 이상하게 잡히는 문제도 있던데 이슈에 함께 올려두겠습니다.

좋은 지적입니다. 저도 고쳐볼려고했는데 딱 가운데로 안가더군여. 이전에 만들었던 앱에서도 아직 못고쳤던 문제인데, 이번 기회 한번 고쳐봐야겠습니다

# Conflicts:
#	core/designsystem/src/main/kotlin/com/unifest/android/core/designsystem/component/TopAppBar.kt
#	feature/main/src/main/kotlin/com/unifest/android/feature/main/MainScreen.kt
#	feature/map/src/main/kotlin/com/unifest/android/feature/map/MapScreen.kt
#	feature/map/src/main/kotlin/com/unifest/android/feature/map/navigation/MapNavigation.kt
@easyhooon easyhooon merged commit f613d14 into develop Apr 10, 2024
1 check passed
@easyhooon easyhooon deleted the feature/map-screen-ui branch April 10, 2024 05:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design tasks releated to design enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Map 화면 UI
2 participants