Android 在Jetpack Compose中将导航绘图显示在顶部栏下方、底部栏上方

我用它来显示底部导航上方的抽屉

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun MainScreen() {
  val drawerState = rememberDrawerState(DrawerValue.Closed)
  val scope = rememberCoroutineScope()

  Column {
    TopAppBar(
        title = {
            Text(text = "Title")
        },
        navigationIcon = {
            IconButton(onClick = {
                if (drawerState.isClosed) {
                    scope.launch {
                        drawerState.open()
                    }
                } else {
                    scope.launch {
                        drawerState.close()
                    }
                }
            }) {
                Icon(imageVector = Icons.Default.List, contentDescription =null)
            }
        },
    )
    ModalNavigationDrawer(
        drawerState = drawerState,
        drawerContent = {
            // Drawer Items 
            Box(
                modifier = Modifier
                    .fillMaxHeight()
                    .background(Color.Blue),
            ) {
                Text(
                    "Settings",
                    style = MaterialTheme.typography.titleLarge
                )
            }
        },
        content = {
            Scaffold(
                bottomBar = {
                    NavigationBar {
                        // Bottom navigation items
                        NavigationBarItem(
                            selected = false,
                            icon = {
                                Icon(
                                    modifier = Modifier.size(32.dp),
                                    imageVector = Icons.Default.Favorite,
                                    contentDescription = null
                                )
                            },
                            onClick = {},
                        )
                    }
                },
                content = { paddingValues ->
                    Box(modifier = Modifier.padding(paddingValues))
                }
            )
        },
    )
 }
 }