Box 레이아웃

Box 컴포저블

• Box 레이아웃은 자식들을 위로 쌓아 올린다. (스택, 기기 화면에서 볼 때 화면의 앞쪽으로 쌓아 올린다). 먼저 호출한 자식이 스택의 가장 아래에 위치한다.

Box 정렬

• 파라미터의 이름은 contentAlignment이다.
  

Clip() 모디파이어 이용하기

• clip() 모디파이어를 이용하면 컴포저블을 특정한 형태로 렌더링되도록 할 수 있다.
• Box에만 지정할 수 있는 것은 아니지만, Box 컴포넌트가 형태를 자르는 것을 보여주기에 가장 좋은 예시이다.
• 다음은 Box를 잘라내 원형으로 표시하는 코드 예시다.

Box(Modifier.size(200.dp).clip(CircleShape).background(Color.Blue))

• 컴포저블의 모서리를 둥글게 그리고 싶을 때는 RoundedCornerShape를 호출하고 각 모서리의 반지름을 전달한다.

Box(Modifier.size(200.dp).clip(RoundedCornerShape(30.dp)).background(Color.Blue))

• 둥근 모서리 대신 잘려나간 모서리를 그리고 싶을 때는 CutCornerShape를 호출하고 모서리를 자를 길이를 전달한다.

Box(Modifier.size(200.dp).clip(CutCornerShape(30.dp)).background(Color.Blue))