Jetpack Compose 화면 하단에 배치하기

Jetpack Compose 에서는 Constraint Layout 을 사용하지 않고도,

사용자의 화면 하단에 무언가를 쉽게 배치할 수 있습니다.

보통 앱의 광고배너가 화면하단에 사용되는데요.

오늘은 이것을 구현하는 방법에 대해서 정리해 보도록 하겠습니다.

 

1. Colomn 의 화면 하단에 배치하기

이것을 하기위해 필요한 핵심은, 

Column 과 weight 입니다.

Column안에 들어있는 요소들에는 weight 를 줄 수 있는데요.

이를 이용해서, 

화면상단부터 나열할 요소인 Column에는 아래와 같이 weight를 1f로 주고요.

그리고 화면 하단에 배치할 Box()에는 weight 관련해서는 아무것도 해주지 않기만 하면 됩니다.

 

 

 

실행해 보면, 

다음과 같이 쉽게 화면 하단에 배치할 수 있는 것을 볼 수 있습니다.

 

 

이전에 사용하던 ConstraintLayout을 무심코 찾을 수 있지만,

JetpackCompose에서는 ConstraintLayout없이도 쉽게 구현할 수 있는 경우가 많습니다.