A curved layout composable that places its children stacked as part of an arc (the first child will be the outermost).
CurvedRowAndColumn
@Composable
fun CurvedRowAndColumn() {
CurvedLayout(modifier = Modifier.fillMaxSize()) {
curvedComposable { Box(modifier = Modifier.size(20.dp).background(Color.Red)) }
curvedColumn(angularAlignment = CurvedAlignment.Angular.End) {
repeat(3) {
curvedRow {
curvedComposable {
BasicText(
"Row #$it",
Modifier.background(Color.White).padding(2.dp),
TextStyle(color = Color.Black, fontSize = 14.sp),
)
}
curvedComposable {
Box(modifier = Modifier.size(10.dp).background(Color.Green))
}
curvedComposable {
BasicText(
"More",
Modifier.background(Color.Yellow).padding(2.dp),
TextStyle(color = Color.Black, fontSize = 14.sp),
)
}
}
}
}
curvedComposable { Box(modifier = Modifier.size(20.dp).background(Color.Red)) }
}
}