Jetpack Compose中LazyColumn内嵌横向滚动时固定宽度问题

要让嵌套在Row中的LazyColumn始终保持最大宽度，核心是强制它的最小宽度为屏幕宽度，同时允许内容超出时横向滚动。具体实现步骤如下：

1. 强制LazyColumn最小宽度为屏幕宽度
   通过widthIn(min = ...)约束LazyColumn的最小宽度等于当前屏幕宽度，确保即使内容未超出屏幕，它也会占满整个可用宽度，避免wrap content导致的异常布局。

2. 确保列表项填充LazyColumn宽度
   给每个树形条目外层的Row添加fillMaxWidth()，让条目横向占满LazyColumn宽度，偏移后的文本布局更符合预期。

完整代码示例：

import androidx.compose.foundation.horizontalScroll
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.foundation.rememberScrollState
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalConfiguration
import androidx.compose.ui.unit.dp

data class TreeNode(val level: Int, val title: String)

@Composable
fun TreeView(treeNodes: List<TreeNode>) {
    Row(
        modifier = Modifier.horizontalScroll(rememberScrollState())
    ) {
        LazyColumn(
            modifier = Modifier
                .widthIn(min = LocalConfiguration.current.screenWidthDp.dp)
                .fillMaxWidth()
        ) {
            items(treeNodes) { node ->
                Row(
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(start = node.level * 16.dp)
                ) {
                    Text(text = node.title)
                }
            }
        }
    }
}

关键说明 #

• LocalConfiguration.current.screenWidthDp.dp获取当前屏幕宽度，确保LazyColumn最小宽度适配不同设备。
• 外层Row的horizontalScroll负责处理内容超出屏幕后的横向滚动，配合LazyColumn的宽度设置，既保证了树形布局的偏移可读性，又支持宽内容滚动。

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