현재 BoothDetail 화면	Figma BoothDetail 화면

Bookmark 관련해서 아이콘 높이조절이랑 폰트 사이즈조절이 필요합니다

상단에 Booth Image가 figma 처럼 전체영역(statusbar, 좌우)를 차지하지 않고 있는데 이건 제가 해볼게요

그 mainScreen 보시면 Scaffold 로 전체 영역을 그리고 있거든요. 그래서 그 내부에서 또 중첩으로 Scaffold를 사용하는게 그닥 좋지 않은 것 같긴합니다. 아마 BoothDetail 화면에서의 Snackbar 호출과 bottomBar 를 사용하기 위해 그렇게 Scaffold로 짜신거같은데, 제가 볼땐, Snackbar 이벤트는 Main 모듈로 전달해서, 최상단 Main 에 있는 Snackbar 를 통해 호출을, BottomBar 는 Box나, Card로도 충분히 구현할 수 있을 것 같습니다. (MainScreen 에 있는 onShowSnackbar 를 전달 -> 전달 -> 전달 해서 사용하는 곳에서 호출 하라는 의미)

그리고 Scaffold 를 사용하면 다음과 같이 innerPadding 에 의해 내부 content 가 bottomBar, TopBar 에 겹치지않도록 위아래 패딩이 주어지는데, 따라서 현재 처럼 topAppBar 를 두면 저렇게 아래에 위치하게 됩니다.(물론 다른 modifier를 쓰면 해결할수있긴한데) Scaffold 를 쓸땐 topBar 는 topAppBar 위치에 두어야해요. 아니면 위에 제가 말씀드린것처럼 그냥 Scaffold 말고 Box로 전체영역을 감싸는게 좋을듯 합니다.

https://github.com/Nexters/ilab-android/blob/develop/feature/createimage/src/main/kotlin/com/nexters/ilab/feature/createimage/CreateImageCompleteScreen.kt

여기 코드 참고하면 좋을거같고
WindowInsets 를 활성화하는 것으로 SystemBar 영역까지 App에서 사용할 수 있는 영역을 확장할 수 있는데, 그것을 적용하고 있는 것입니다. 공식문서 한번 읽어보시는거 추천드려요

지금 봤을땐 BoothDetail 화면의 SystemBar 내에 icon들 (현재 시각, wifi, data, 알림)이 흰색으로 판단되는데, 사진자체가 밝은 계열일 경우 이게 안보일 수 가 있습니다. 그러면 사진의 색상 추출하여, 이를 통해 SystemBar 영역의 색상을 분기처리 해야 하는건가 싶은데... 개발자에게 너무 힘든 디자인이네요, 디자인에 문제가 있는 것으로 판단됩니다.

보통 SystemBar 까지 전부 사용하는 앱의 경우 화면 전체 테마에 따라 동일한 색감으로 유지하는 것으로(다크계열, ex)Youtube Music, 단색 계열, ex) 카카오뱅크)
위와 같은 문제를 해결하는 편인데, 그런 고려가 되어있지 않는 것 같습니다.

호은님이 왜 바텀시트로 구현해서 StatusBar 영역까지 화면이 차지하지않게 구현한지 알것같은... 뒤로가기 버튼 색상 관련 문제도 그렇구