Jetpack Compose组件-标签页(Tab) 标签(Tab) Tab图标位于文字上方，LeadingIconTab图标位于文字左侧。 @Composable fun Tab( // 是否选中 selected

Jetpack Compose实现滑块式标签tab 1. 先完成一个基本的tab @Composable fun SliderTabs() { var selectedIndex by remember &#

Jetpack Compose组件-列表项(ListItem) 列表项(ListItem) ListItem(小列表项)类似设置界面中的菜单项，有单行/两行/三行文本三种样式，可添加左侧图标，可设置右侧内容，通常是Icon、Check

Jetpack Compose组件-左右滑动删除(SwipeToDismiss) 左右滑动删除(SwipeToDismiss) Divider是将列表和布局中的内容分组的细线。 @Composable @ExperimentalMa

Jetpack Compose组件-对话框(Dialog) 警告对话框(AlertDialog) @Composable fun AlertDialog( // 关闭请求回调，点击对话框外部或者按下返回按钮关闭对话框时调用

Jetpack Compose组件-Snackbar Snackbar 将很多的组件摆放在这个平面之上，我们可以设置这个平面的边框，圆角，颜色等等。 Surface实际上是Box的重新包装。 @Composable fun Snac

Jetpack Compose组件-平面(Surface) 平面(Surface) 将很多的组件摆放在这个平面之上，我们可以设置这个平面的边框，圆角，颜色等等。 Surface实际上是Box的重新包装。 @Composable f

Jetpack Compose组件-进度指示器(ProgressIndicator) 线性进度指示器(LinearProgressIndicator) // 等待条 @Composable fun LinearProgressIndi

Jetpack Compose组件-滑动条(Slider) 滑动条(Slider) Slider 允许用户从一定范围的数值中进行选择。 Slider 反映了一个沿条的数值范围，用户可以从中选择一个单一的数值。它们是调整音量、亮度或

Jetpack Compose组件-分割线(Divider) 分割线(Divider) Divider是将列表和布局中的内容分组的细线。 @Composable fun Divider( // 修饰符 modifie

Jetpack Compose组件-徽章(Badge) 徽章(Badge) Badge 是一个可以包含动态信息的组件，例如是否存在新通知或许多未处理请求。徽章可以是纯图标或包含短文本。一般不单独使用，使用BadgeBox 将Bad

Jetpack Compose组件-卡片(Card) 卡片(Card) Card 是 Compose 中一个布局组件，我们用它可以来创造出一些类似于卡片界面 @Composable @NonRestartableComposabl