-
TopBar 介绍
@ExperimentalMaterial3Api
@Composable
@ComposableInferredTarget
public fun TopAppBar(
title: @Composable () -> Unit,
modifier: Modifier = COMPILED_CODE,
navigationIcon: @Composable () -> Unit = COMPILED_CODE,
actions: @Composable() (RowScope.() -> Unit) = COMPILED_CODE,
windowInsets: WindowInsets = COMPILED_CODE,
colors: TopAppBarColors = COMPILED_CODE,
scrollBehavior: TopAppBarScrollBehavior? = COMPILED_CODE
): Unit
借助TopBar 可以组装导航和操作控件的一致接口
- 顶部应用栏
参考链接【我是链接】
| 类型 |
|---|
| 小型：适用于不需要进行大量导航或操作的屏幕。 |
| 居中对齐：适用于包含一项主要操作的屏幕。 |
| 中：适用于需要适度导航和操作的屏幕。 |
| 大型：适用于需要进行大量导航和操作的屏幕。 |
用于实现四个不同的顶部应用栏的各种可组合项非常相似。它们有着共同的几个关键参数：
- title：显示在应用栏中的文本。
navigationIcon：导航的主图标。它显示在应用栏的左侧。- actions：让用户能够访问关键操作的图标。它们显示在应用栏的右侧。
- scrollBehavior：确定顶部应用栏如何响应
- Scaffold 内部内容的滚动。
- colors：确定应用栏的显示方式。
TopAppBarScrollBehavior 有三种类型。具体如下：
enterAlwaysScrollBehavior：当用户调出 Scaffold 的内部内容时，顶部应用栏会收起。当用户随后将内部内容下拉时，应用栏会展开。
exitUntilCollapsedScrollBehavior：与 enterAlwaysScrollBehavior 类似，不过当用户到达 Scaffold 内部内容的末尾时，应用栏会额外展开。
pinnedScrollBehavior：应用栏留在原处，不对滚动操作做出响应。
TopAppBar
CenterAlignedTopAppBar
MediumTopAppBar
LargeTopAppBar
