FlowRow布局适配问题：部分设备/缩放时每行仅显示单个Item求助

在LazyColumn中尝试用FlowRow实现每行固定2个Item的布局，代码如下：

val itemWidth =
    remember { (screenConfiguration.screenWidthDp.dp - 48.dp) / 2}
FlowRow(
            modifier = Modifier
                .wrapContentHeight()
                .fillMaxWidth(),
            maxItemsInEachRow = 2,
            horizontalArrangement = Arrangement.spacedBy(16.dp),
            verticalArrangement = Arrangement.spacedBy(16.dp),
        ) {
            itemsList.forEach {
                ItemContainer(
                    modifier = Modifier
                        .requiredWidth(itemWidth)
                        .requiredHeight(120.dp),
                    titleRes = it.titleRes,
                    iconRes = it.iconRes,
                )
            }
        }

其中itemWidth计算时扣除的48dp为左右各16dp内边距 + Item间16dp间距的总和。但在部分设备或调整屏幕缩放比例时，Item会变成每行仅显示1个。需要实现：

• 强制每行显示2个Item
• 保持每行首尾16dp内边距、Item间16dp间距
• Item占满可用空间

方法1：用LazyVerticalGrid替代FlowRow（更可靠） #

FlowRow是流式布局，容易因宽度精度问题换行，而LazyVerticalGrid天生适配固定列数的网格场景：

LazyVerticalGrid(
    columns = GridCells.Fixed(2),
    modifier = Modifier.fillMaxWidth(),
    contentPadding = PaddingValues(horizontal = 16.dp, vertical = 0.dp),
    horizontalArrangement = Arrangement.spacedBy(16.dp),
    verticalArrangement = Arrangement.spacedBy(16.dp)
) {
    items(itemsList) { item ->
        ItemContainer(
            modifier = Modifier
                .fillMaxWidth()
                .height(120.dp),
            titleRes = item.titleRes,
            iconRes = item.iconRes
        )
    }
}

• GridCells.Fixed(2)强制固定2列，不受屏幕缩放影响
• contentPadding直接设置左右16dp内边距，匹配需求
• fillMaxWidth()让Item自动占满列宽，无需手动计算宽度

方法2：修复FlowRow的宽度计算逻辑 #

如果必须使用FlowRow，改用Modifier.weight替代手动计算宽度，避免精度误差：

FlowRow(
    modifier = Modifier
        .wrapContentHeight()
        .fillMaxWidth()
        .padding(horizontal = 16.dp), // 直接设置左右内边距
    maxItemsInEachRow = 2,
    horizontalArrangement = Arrangement.spacedBy(16.dp),
    verticalArrangement = Arrangement.spacedBy(16.dp),
) {
    itemsList.forEach {
        ItemContainer(
            modifier = Modifier
                .weight(1f) // 让两个Item平分可用宽度
                .height(120.dp),
            titleRes = it.titleRes,
            iconRes = it.iconRes,
        )
    }
}

• 给FlowRow直接加左右内边距，无需从屏幕宽度手动扣除
• weight(1f)让Item自动平分行内可用宽度（自动减去16dp间距），避免精度问题
• 去掉requiredWidth，确保每行刚好放下2个Item

原代码的手动宽度计算存在两个隐患：

1. dp转像素精度误差：部分屏幕密度或缩放比例下，计算结果带小数，导致两个Item总宽度（含间距）超过父容器，触发FlowRow换行
2. FlowRow流式特性：即使设置了maxItemsInEachRow = 2，当Item宽度加间距总和超过行宽时，FlowRow会优先保证Item的requiredWidth，从而自动换行

内容的提问来源于stack exchange，提问作者Alex Wesley