是否可以让 LazyRow/LazyColumn 在屏幕上显示一定数量的项目而不传递明确的 DP 宽度

Question

有没有办法让LazyRow / Row同时在屏幕上显示 2 个项目，而无需手动测量屏幕宽度并将 DP 宽度传递给LazyRow的子项？

当前设置示例：

LazyRow(
    modifier = Modifier
        .fillMaxWidth()
        .height(200.dp)
) {
    item {
        FirstItem(
            modifier = Modifier.width(
                ScreenUtils.getScreenWidthDP(LocalContext.current) / columnCount
            )
        )
    }
    item {
        SecondItem(
            modifier = Modifier.width(
                ScreenUtils.getScreenWidthDP(LocalContext.current) / columnCount
            )
        )
        )
    }
}

Answer 1

您可以使用Modifier.fillParentMaxWidth - 它在LazyItemScope上可用。 例如，要显示 2 个项目，请使用fraction = 0.5f ：

LazyRow(
    modifier = Modifier
        .fillMaxWidth()
        .height(200.dp)
) {
    item {
        FirstItem(
            modifier = Modifier
                .fillParentMaxWidth(0.5f)
        )
    }
    item {
        SecondItem(
            modifier = Modifier
                .fillParentMaxWidth(0.5f)
        )
    }
}

Answer 2

我很确定您不想使用LazyRow 。 而对于Row没有问题。 这是代码：

Row(
    modifier = Modifier
        .fillMaxWidth()
        .height(200.dp)
) {
        FirstItem(
            modifier = Modifier.weight(1f)
        )
        SecondItem(
            modifier = Modifier.weight(1f)
        )
}