Jetpack [대왕놀] LinearLayout in Compose (Row, Column)

Android View 시스템의 LinearLayout 은 Compose 에서 "Row" 와 "Column" 에 매칭된다.

Horizontal LinearLayout -> Row

Vertical LinearLayout -> Column

#

Layout 내부 내용물을 정렬하기 위한 Android View 시스템의 Gravity(android:gravity) 는 Compose 에서 xxxAlignment argument 를 이용한다.

Row(
    verticalAlignment=Alignment.CenterVertically
    horizontalArrangement=Arrangement.END
){
	...
}

#

비율을 통한 Layout 을 하는 Android View 시스템의 Weight (android:weight) 는 Compose 에서 Spacer 또는 Modifier.weight 를 를 이용한다.

Row{
	Text("1")
	Spacer(
		modifier = Modifier.weight(1f),
	)
	Text("2")
}

Row{
	Text("1", modifier=Modifier.weight(1f))
	Text("2")
}

#

LinearLayout 에 Click Event 를 주기 위해서는 Modifier.clickable 을 이용한다.

Row(modifier = Modifier.clickable { /* onClick */ }){
	..
}