如何在Jetpack Compose中让底部表单覆盖整个屏幕

Question

我正在使用Jetpack Compose，并尝试在用户单击TopAppBar中的登录按钮时使登录屏幕覆盖整个屏幕。

我使用的是ModalBottomSheetLayout和脚手架，因此我可以拥有TopAppBar和BottomAppBar。

目前，当登录屏幕显示时，它只覆盖了屏幕的一半。

                       val coroutineScope = rememberCoroutineScope()
                        val bottomState = rememberModalBottomSheetState(ModalBottomSheetValue.Hidden)
                        ModalBottomSheetLayout(
                            sheetState = bottomState,
                            sheetShape = MaterialTheme.shapes.large,
                            sheetContent = {
                                FullScreen()
                            }
                        ) {

                            Scaffold(
                                topBar = {
                                    TopAppBar(
...
                                content = {

                                    NavHost(navController = navController,
                                        startDestination = "journey") {
                                        composable("journey") { JourneyScreen() }
...
                               bottomBar = {
                                    BottomAppBar(
                                        content = {
                                            BottomNavigation() {

                                                val navBackStackEntry by navController.currentBackStackEntryAsState()
...

@Composable
fun FullScreen() {
    Box(modifier = Modifier
        .fillMaxSize()
    ) {
        Text("Full Screen")
    }
}

已经在这个问题上坚持太久了，任何帮助都是值得感谢的。




Answer 1

匿名用户

若要全屏显示< code > ModalBottomSheetLayout ，而不是< code>state.show()，请使用:

scope.launch { state.animateTo(ModalBottomSheetValue.Expanded) }