android - 什么是脚手架?喷气背包组成
问题描述
我想知道jetpack中的Scaffold是什么,并带有BottomAppBar示例,任何人都可以帮助我
Scaffold
解决方案
With1.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 ->
//....
}
)
推荐阅读
- c - 如何在 switch 语句中连续打印输出?
- css - 为光标添加颜色: url("data:image)
- html - 为什么 flex-shrink 在我的示例中表现得这样?
- regex - 如何使用正则表达式查找和反转文件名的前两个单词,其中单词由 . 或空格
- javascript - 导航栏不会在滚动时隐藏
- java - p:calendar 使用 1930-2029 和 MM/dd/yy 日期格式
- python - 模拟静态方法调用的模块函数不起作用
- android - 来自 JSON 数据的 Android 动态查看器和 tablayout
- reactjs - React Navigation v3 与 React Native Navigation v2
- python-3.x - 基于多索引级别在 DataFrame 上运行函数并将其附加到新列