kotlin 根据动态宽度组成下一行的行项

rqcrx0a6  于 2023-08-06  发布在  Kotlin
关注(0)|答案(2)|浏览(105)

我有一个(站的)行的路线,我想继续显示他们在下面的一行,如果他们达到屏幕的边缘。你能帮我一下吗?


的数据

@Composable
fun StopView(
    stop: Stop
) {
    Column {
        Text(text = stop.name)
        Row{
            stop.routes.forEach { route ->
                Row (modifier = Modifier.padding(10.dp).align(Alignment.CenterVertically)) {

                    Image(painterResource(id = **imageName**),route.type.toString(), modifier = Modifier
                        .height(25.dp)
                        .width(25.dp))
                    Spacer(modifier = Modifier.width(5.dp))
                    Text(text = route.name)
                }

            }
        }
    }
}

字符串

k97glaaz

k97glaaz1#

我成功地解决了它与Jetpack Compose Flow Layouts从陪同图书馆。

o75abkj4

o75abkj42#

您可以使用FlowRow组合。
https://developer.android.com/jetpack/compose/layouts/flow

@Composable
private fun FlowRowSimpleUsageExample() {
    FlowRow(modifier = Modifier.padding(8.dp)) {
        ChipItem("Price: High to Low")
        ChipItem("Avg rating: 4+")
        ChipItem("Free breakfast")
        ChipItem("Free cancellation")
        ChipItem("£50 pn")
    }
}

字符串
FlowRow和FlowColumn是类似于Row和Column的可组合项,但不同之处在于,当容器空间不足时,项将流入下一行。这将创建多个行或列。

相关问题