[Compose Study] Box

* compose에는 layout.xml이 없고 그냥 mainActivity에서 다 짜는 것 같다(Flutter와 유사한듯?)

* 이번 시간엔 Box에 대해 간단하게 정리해보고자 한다.

 

* Box는 기존의 layout처럼 Text등의 요소를 감싸는 박스같은 역할을 한다.

* Box( ) { }에서 ( )안에 modifier, contentAlignment등이 들어갈 수 있다.

* Modifier에는 background색깔 설정, fillMaxSize(화면 전체크기 차지), padding 등을 설정할 수 있고 위와 같이 .을 계속 찍어 chaining처럼 쭉 설정해주면 된다.

* { } 안에는 박스 안에 들어갈 요소들을 설정할 수 있는데, 안에 또 Box같은 요소를 넣을 수 있다.

* 참고로 여기선 16dp와 같은 조건을 16.dp라고 선언해 줘야 한다.

 

* 위와 같이 Box를 만들고 배경색을 초록으로 한다음 화면 전체를 차지하게 했다. 첫 박스는 TopStart로 설정하고, Text("Hello")를 넣어줬고 그안에 두번째 박스로 BottomEnd로 Text("12345~~!")를 넣어줬다.

* 결과 화면