Jetpack Compose：LazyColumn在Fragment内被Toolbar等组件截断

方案一：用Compose原生Scaffold接管导航栏布局 #

不用手动计算内边距，直接在Fragment的Compose代码里用Scaffold组件定义TopBar和BottomBar，它会自动给内部的LazyColumn生成适配的内边距，彻底避免截断问题。示例代码：

class YourFragment : Fragment() {
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View {
        return ComposeView(requireContext()).apply {
            setContent {
                MaterialTheme {
                    Scaffold(
                        topBar = {
                            TopAppBar(title = { Text("页面标题") })
                        },
                        bottomBar = {
                            BottomNavigation {
                                BottomNavigationItem(
                                    icon = { Icon(Icons.Filled.Home, null) },
                                    label = { Text("首页") },
                                    selected = true,
                                    onClick = {}
                                )
                            }
                        }
                    ) { innerPadding ->
                        // 直接使用Scaffold提供的innerPadding适配边距
                        LazyColumn(modifier = Modifier.padding(innerPadding)) {
                            items(100) { index ->
                                Text("列表项 $index", modifier = Modifier.padding(16.dp))
                            }
                        }
                    }
                }
            }
        }
    }
}

方案二：保留XML CoordinatorLayout结构时的适配 #

如果必须保留原有XML的CoordinatorLayout框架，别给Compose容器设置appbar_scrolling_view_behavior，改用Compose的WindowInsets API自动获取导航栏占用的空间，给LazyColumn设置内边距：

1. 先在Activity里添加一行代码，让Compose能正确感知系统窗口Insets：

window.setDecorFitsSystemWindows(false)

2. Fragment的Compose代码里适配边距：

setContent {
    MaterialTheme {
        val insets = LocalWindowInsets.current
        // 从系统Insets中获取顶部、底部需要预留的空间
        val topPadding = insets.statusBars.top.dp + insets.systemBars.top.dp
        val bottomPadding = insets.navigationBars.bottom.dp

        LazyColumn(
            modifier = Modifier.padding(top = topPadding, bottom = bottomPadding)
        ) {
            items(100) { index ->
                Text("列表项 $index", modifier = Modifier.padding(16.dp))
            }
        }
    }
}

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