Android Compose Row

    [Compose Row] vertical alignment 사용해 정렬하기

    Row의 Alignment Row의 자식 View들은 수평으로 배치되므로 수직으로 정렬(horizontalAlignemnt)이 지원되는데 수직 정렬은 모든 자식 View들의 y위치가 동일하도록 만들어주는 정렬이다. 따라서 같은 x축 상에서 정렬된다(y값 동일하기 때문). Row에서 사용할 수 있는 Alignment의 종류 Row에서는 Alignment.Vertical을 상속받는 3가지 Alignment를 사용할 수 있다. Alignment.Top (위쪽 정렬) Alignment.CenterVertically (중앙 정렬) Alignment.Bottom (아래쪽 정렬) Alignment.Top Alignment.Top은 Row의 기본 Arrangement로 레이아웃의 위쪽에 모든 컴포넌트들이 정렬된다. @..

    [Compose Row] horizontal arrangement 사용해 배치하기

    Row의 Arrangement Row는 수평방향으로 자식 컴포넌트들을 순서대로 배치하는 레이아웃이다. 이때 어떤 방식으로 자식 컴포넌트들을 배치할지를 Row의 horizontalArrangement가 결정한다. 예를 들어 3개의 Text를 row의 내부에 배치한다고 할 때 첫 번째 컴포넌트는 왼쪽에 붙여서, 두 번째는 정중앙에, 세 번째는 오른쪽에 붙여서 배치하고 싶다고 해보자. 이때 직접 컴포넌트의 위치를 지정해주기보다. Arrangement.SpaceBetween을 쓰면 한 번에 해결된다. @Preview(showBackground = true, widthDp = 200, heightDp = 100) @Composable fun KotlinWorldRow(){ Row(horizontalArrangem..