지도_버튼이_가로_영역만큼_늘어나지_않는_문제 - boostcampwm-2024/and04-Nature-Album GitHub Wiki

💥 지도 버튼이 가로 영역만큼 늘어나지 않는 문제

문제 정의

기존에 정상적으로 동작하게 만들었던 화면 대응 부분에서 [나의 생물 지도] 의 버튼이 부모 컴포저블에 지정했던 fillMaxWidth() 만큼 늘어나지 않는 문제가 발생했다.

문제 해결 방법

이전에 정상적으로 구현했던 코드를 찾아 그 버전의 방식으로 수정하여 해결했다.

문제 발생 코드

• Box → Surface → (Image, Text)

해결 코드

• Box → (Image, Text)

문제 해결 진행

위 이미지는 우선 문제가 발생했었던 코드이다.

Box로 지정한 modifier는 상위 컴포저블 HomeScreen에서 지정한 modifier이고 코드는 아래와 같다.

modifier = Modifier
    .weight(1f)
    .padding(horizontal = 16.dp)
    .fillMaxWidth(),

여러 방법을 시도했지만 원인을 찾을 수 없어, 이전에 정상적으로 구현했던 코드와 비교해봤는데, 기존에는 없던 Surface가 추가되어있었고, Box에 지정해줬던 Modifier가 Surface로 이동했다는 것을 발견할 수 있었다.

Surface에 있던 Modifier 코드를 다시 상위 Box의 Modifier로 옮겨 실행해봤는데 다시 정상적으로 지도 버튼이 가로 영역만큼 비율을 유지한채 늘어나는 것을 확인할 수 있었다.

마지막으로 더 이상 Surface가 의미가 없다고 생각하여 삭제하였고, ContentScale 을 Fit로 바꿔 해결했다.