[Jetpack Compose] Box

• Box는 FrameLayout 계층에 속하며, 한 개의 Box에 여러 개의 텍스트를 넣으면 겹쳐서 나타나는 특징이 있다. 이를 해결하기 위해 Box 내부에 modifier를 통해 다양한 설정을 할 수 있다.

• Box의 modifier를 통해 배경색, 크기, 패딩, 글자 정렬 방향 등을 설정할 수 있다. 하지만 이 방식을 사용하면 Box 내부의 모든 요소에 적용되므로, 여전히 겹쳐진 글자가 위치만 바뀌어서 정렬되는 것을 볼 수 있다.

• 코드를 활용해 Box 내부에 Column과 Row를 넣을 수 있으며, 이를 통해 원하는 형태의 디자인을 구현할 수 있다.

• Box 내부에 Box를 넣는 것도 가능하나, 내부에 있는 Box는 상위 Box보다 크기가 커질 수 없다.