Android Jetpack Scaffold 영역 짤림

 

젯팩(jetpack)에서의 스캐폴드(Scaffold)는 레이아웃을 구성할 때 주로 쓰이는 기능 입니다.

버전업이 되면 솔직히 기존 기능을 그대로 좀 내비뒀으면 좋겠는데..

잿팩(jetpack)도 요즘 추세에 맞추어 기존의 함수 사용법을 무시하고 새로이 만들어 버렸습니다.

 

기존에 알고 있는 스캐폴드에서의 사용법은 아래와 같습니다.

네뭐..

 

그런데 2023년도 6월 기준으로 jetpack을 설치하여 내부 구성을 보면 완전히 다른 것을 볼 수 있습니다.

요즘 프레임워크, 라이브러리의 유행을 잘 따르네요..기존꺼 뒤집는..

와...다르다....

 

사용법은 사실 크게 다르지는 않지만 주의해야되는 기능이 하나 있습니다.

바로 내용이 들어가는 content 영역 입니다.

해당 컨텐츠에 기존에 다른 컴포저블(Composable) 객체를 추가할 때 처럼 내용을 추가하면 영역이 짤리는 현상이 발생 합니다.

 

아래 샘플코드를 살펴보면, "test"라는 글씨가 정상적으로 출력이 되어야 합니다만, TopBar나 bottomBar 같은 것을 추가한 경우라면 "test"라는 글씨가 content 영역에서 짤리게 됩니다.

Scaffold(
  //어쩌구 저쩌구 기능..
){
   Box("test")
}

 

이를 방지하기 위해서는 아래처럼 패딩값을 modifier 값에 적용해 주어야 합니다.

Scaffold(
  //어쩌구 저쩌구 기능..
){  contentPadding ->
        Box(modifier = Modifier.padding(contentPadding)) {
            Text("test")
        }
}

 

무턱대고 기존 방식대로 개발하다가는...

영역이 짤려서 하드코딩(?)을 통해 영역 값을 주어야하는 불상사를 만날 수 있습니다.

 

간단하게 살펴본 젯팩 스캐폴드(Scaffold) 에서 영역 짤림 현상에 대한 내용이였습니다.

* 버전 기준 : 2023. 06월