什么是脚手架？喷气背包组成答案

【问题标题】：What is Scaffold? Jetpack compose什么是脚手架？喷气背包组成
【发布时间】：2021-03-27 05:04:32
【问题描述】：

我想知道 Jetpack 中的 Scaffold 是什么，并带有一个 BottomAppBar 示例，任何人都可以帮助我 Scaffold

【问题讨论】：

标签： android android-jetpack-compose android-bottomappbar android-jetpack-compose-scaffold

【解决方案1】：

使用 1.0.x 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 ->
            //....
        }
    )

【讨论】：