Android Material3：ModalDrawerSheet无法滚动及屏幕旋转显示问题咨询

核心问题：ModalDrawerSheet默认是否启用滚动？ #

ModalDrawerSheet默认不会自动启用滚动，它的布局高度默认是包裹内容（wrap content）。当内容高度超过屏幕可用空间时（比如旋转到横屏，垂直空间被压缩），超出部分会被直接截断，这就是你遇到的部分NavigationDrawerItem无法显示的原因。

解决方法：为ModalDrawerSheet添加滚动能力 #

要让ModalDrawerSheet支持滚动，需要将内部可滚动内容用LazyColumn（性能更优，推荐）或ScrollableColumn包裹，同时给ModalDrawerSheet设置fillMaxHeight修饰符，确保它能占用屏幕垂直方向的全部可用空间。

修改后的代码示例 #

val navigationItems = listOf(
    MainNavigationScreen.Screen1,
    MainNavigationScreen.Screen2,
    MainNavigationScreen.Screen3,
    ...
)
val drawerState = rememberDrawerState(initialValue = DrawerValue.Open)
ModalNavigationDrawer(
    drawerState = drawerState,
    drawerContent = {
        ModalDrawerSheet(modifier = Modifier.fillMaxHeight()) {
            LazyColumn(modifier = Modifier.fillMaxWidth()) {
                // 头部固定内容
                item {
                    Spacer(Modifier.height(12.dp))
                    Image(
                        painter = painterResource(id = R.drawable.ic_top_bar_logo),
                        contentDescription = stringResource(id = R.string.app_name),
                        modifier = Modifier.fillMaxWidth()
                    )
                    Spacer(Modifier.height(12.dp))
                    HorizontalDivider()
                    Spacer(Modifier.height(12.dp))
                }
                // 导航项列表
                items(navigationItems) { item ->
                    NavigationDrawerItem(
                        label = { Text(stringResource(id = item.nameResourceId)) },
                        icon = {
                            Icon(painterResource(id = item.iconResourceId), null)
                        },
                        onClick = {},
                        selected = false,
                        modifier = Modifier.padding(NavigationDrawerItemDefaults.ItemPadding)
                    )
                }
                // 底部间距
                item {
                    Spacer(Modifier.height(12.dp))
                }
            }
        }
    }) {}

关键修改点说明 #

• 给ModalDrawerSheet添加Modifier.fillMaxHeight()：让抽屉占满屏幕垂直方向的可用空间，避免内容因容器尺寸不足被截断。
• 使用LazyColumn替代直接布局：
  • LazyColumn会自动处理滚动逻辑，当内容高度超过容器时自动启用滚动。
  • 将固定头部、导航项列表、底部间距拆分到不同的item/items块中，布局更高效，尤其适合导航项数量较多的场景。

补充说明 #

如果使用的是较旧版本的Compose，也可以用ScrollableColumn替代LazyColumn，但LazyColumn的性能表现更优，建议优先使用。同时确保你的Compose Material3依赖版本为最新，避免旧版本的布局兼容性问题。

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