什么是 Scaffold？Jetpack Compose

Question

我想知道Jetpack Compose中的Scaffold是什么，有一个带BottomAppBar的例子可以吗？请问有人能够帮忙吗？Scaffold

- user14938758

Answer 1

Scaffold 允许您使用基本的Material Design布局结构实现UI。 Scaffold 为最常见的顶级Material组件（例如TopAppBar， BottomAppBar， FloatingActionButton和Drawer）提供插槽。

类似于：

   val scaffoldState = rememberScaffoldState()
   // Create a coroutineScope for the animation
   val coroutineScope = rememberCoroutineScope()


    Scaffold(
        scaffoldState = scaffoldState,
        drawerContent = { Text("Drawer content") },
        bottomBar = {
            BottomAppBar(cutoutShape = CircleShape) {
                IconButton(
                    onClick = {
                        coroutineScope.launch { scaffoldState.drawerState.open() }
                    }
                ) {
                    Icon(Icons.Filled.Menu, contentDescription = "....")
                }
            }
        },
        floatingActionButton = {
            ExtendedFloatingActionButton(
                text = { Text("Action") },
                onClick = { /* .... */ }
            )
        },
        floatingActionButtonPosition = FabPosition.Center,
        isFloatingActionButtonDocked = true,
        content = { innerPadding ->
            //....
        }
    )

- Gabriele Mariotti

---

需要脚手架来在UI端创建骨架结构，但是脚手架总是必要的吗？我们在哪些情况下使用或不使用？ - NewPartizal