Compose UI 之 Scaffold 脚手架

原创

已于 2024-03-08 16:10:04 修改 · 997 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#Android #Compose

于 2024-03-01 17:23:46 首次发布

Scaffold是Android Compose中用于构建应用界面的基础组件，包含状态栏、导航栏和TopAppBar等元素。它提供内置组件并支持高度定制和灵活性，使得开发者能方便地自定义应用界面。

Scaffold 脚手架

Scaffold 脚手架组件是一个核心组件，它为开发者提供了一个标准的、可定制的应用界面框架。androidx.compose.material3.Scaffold 包含了应用界面的基础元素，如状态栏、导航栏、顶部应用栏（TopAppBar）等。通过 Scaffold，开发者可以轻松地为应用添加这些常见组件，并对其进行自定义。

Scaffold 特点

内置组件：Scaffold 内置了状态栏、导航栏等常见组件，开发者只需简单地配置参数就可以使用。
易于定制：Scaffold 虽然提供了默认的配置，但开发者可以轻松地自定义这些组件的外观和行为。
高度灵活：Scaffold 的设计允许开发者在需要时添加或删除组件，使其能够高度适应不同的应用需求。

Scaffold 声明及参数

@Composable
fun Scaffold(
    modifier: Modifier = Modifier,
    topBar: @Composable () -> Unit = {
   
   },
    bottomBar: @Composable () -> Unit = {
   
   },
    snackbarHost: @Composable () -> Unit = {
   
   },
    floatingActionButton: @Composable ()