drawerContent 在我的 Jetpack Compose 中不存在

Question

我正在看一个标题为“创建菜单或导航抽屉”的教程，其中说要在脚手架中使用“抽屉内容”，但我在 Jetpack Compose 和 Jetpack Compose 的任何标题下的库中都没有任何名为“抽屉内容”的内容！请帮帮我。我应该使用实现吗？

 @Composable
fun hi(){
    Scaffold {
        ***drawerContent = { Drawer() }***
    }
}

Answer 1

drawerContent

已从

Scaffold

中的

material3

中移除。如果你想使用

drawerContent

那么你可以使用

material

或者你可以使用

ModalNavigationDrawer

中可用的

material3

，但为此你必须使用

Scaffold

作为

ModalNavigationDrawer

中的内容。

查看此解决方案以更好地理解：https://stackoverflow.com/a/75019927/19212377

Answer 2

这是我的topappbar下面的代码。现在告诉我如何打开菜单？

@OptIn(ExperimentalMaterial3Api::class)
@Preview
@Composable
fun SimpleTopAppBar() {
    Scaffold(
        topBar = {
            TopAppBar(
                title = {
                    Text(
                        "Simple TopAppBar",
                        maxLines = 1,
                        overflow = TextOverflow.Ellipsis
                    )
                },
                navigationIcon = {
                    IconButton(onClick = { /* doSomething() */ }) {
                        Icon(
                            imageVector = Icons.Filled.Menu,
                            contentDescription = "Localized description"
                        )
                    }
                }
            )
        },
        content = { innerPadding ->
            LazyColumn(
                contentPadding = innerPadding,
                verticalArrangement = Arrangement.spacedBy(8.dp)
            ) {

            }
        },
        floatingActionButton = {
            FloatingActionButton(
                onClick = { Intent(applicationContext, text::class.java).also { startActivity(it) } },
                        containerColor = BottomAppBarDefaults.bottomAppBarFabColor,
                elevation = FloatingActionButtonDefaults.bottomAppBarFabElevation()
            ) {
                Icon(Icons.Filled.Add, "Localized description")
            }
        }
    )
}