Kotlin Jetpack Compose中Scaffold内嵌Drawer调整宽度不影响BottomBar求助

核心问题（Drawer宽度调整）解决方法 #

你只需要给drawerContent参数对应的根布局设置固定宽度即可，这个修改只会作用于Drawer本身，完全不会影响Scaffold内的BottomBar、主内容区等其他组件的尺寸。
你可以通过LocalConfiguration.current.screenWidthDp获取屏幕宽度，再设置为屏幕宽度的50%即可，修改后的代码示例如下：

@Composable
fun startScreen() {
    // 默认关闭Drawer更符合常规交互逻辑
    val remScaffState = rememberScaffoldState(rememberDrawerState(DrawerValue.Closed))
    val scope = rememberCoroutineScope()
    val navController = rememberNavController()
    // 获取当前屏幕宽度
    val screenWidth = LocalConfiguration.current.screenWidthDp.dp

    Scaffold(
        modifier = Modifier.fillMaxSize(),
        scaffoldState = remScaffState,
        drawerBackgroundColor = Color.Blue,
        // 仅给Drawer根布局设置宽度，不会影响其他组件
        drawerContent = {
            Box(Modifier.width(screenWidth * 0.5f)) {
                Drawer(scope = scope, scaffoldState = remScaffState, navController = navController)
            }
        },
        bottomBar = {
            // 原有BottomBar实现逻辑，不受Drawer宽度修改影响
            BottomNavigation {
                // 底部栏内容实现
            }
        }
    ) { innerPadding ->
        // 主内容区记得消耗innerPadding避免被BottomBar遮挡
        NavHost(navController = navController, startDestination = "home", modifier = Modifier.padding(innerPadding)) {
            // 页面导航配置逻辑
        }
    }
}

你之前修改BottomBar尺寸的问题，大概率是误改了Scaffold根节点的modifier宽度参数，只要避免修改Scaffold整体的宽度属性即可。

架构优化建议 #

针对你当前的架构设计，可参考以下优化方向：

• 如果你仅需要在特定页面弹出Drawer，不需要把全局Scaffold的drawerContent写死，可配合导航状态动态控制：通过顶层状态变量监听当前导航栈的目标页面，只有在指定页面时才传入drawerContent参数，其他页面传入null即可自然隐藏Drawer，不需要单独把Scaffold放到特定Activity中。
• 如果你的应用有多个Activity，也可以只在需要Drawer的Activity中单独实现Scaffold+Drawer逻辑，启动页如果不需要Drawer不用强行加全局Scaffold，避免不必要的布局嵌套。
• 特定按钮触发Drawer的逻辑，只需要给对应按钮加点击事件，调用scope.launch { remScaffState.drawerState.open() }即可，全局持有scaffoldState或者通过CompositionLocal传递到需要的页面都可以实现该需求。

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