flutter Scaffold

在 Flutter 中，Scaffold 是一个常用的小部件，它提供了一种标准的页面布局结构，其中包含了 App Bar、抽屉菜单、底部导航栏等常见的 UI 组件。开发者可以通过 Scaffold 来快速构建具有丰富交互性的应用程序。

以下是 Scaffold 常见的属性：

• appBar：App Bar，通常包含标题、操作按钮等。
• body：主体内容区域，放置具体的页面内容。
• drawer：抽屉菜单，可以作为侧边栏来显示一些附加信息或导航链接。
• bottomNavigationBar：底部导航栏，一般用于切换不同页面或功能模块。
• floatingActionButton：悬浮按钮，一般用于触发一些常用的操作。
• persistentFooterButtons：底部固定按钮，可以放置一些常用的操作，例如保存、提交等。
• backgroundColor：背景颜色。
• resizeToAvoidBottomInset：是否在输入框弹出时自动调整页面高度，避免被键盘遮挡。

以下是一个简单的使用 Scaffold 的示例代码：

import 'package:flutter/material.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My App'),
      ),
      body: Center(
        child: Text('Hello, World!'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // Do something
        },
        child: Icon(Icons.add),
      ),
    );
  }
}

在上面的代码中，我们创建了一个 Scaffold 小部件，并设置了一个 App Bar、页面主体以及一个悬浮按钮。appBar 属性接受一个 AppBar 小部件，这里我们设置了标题为 "My App"。body 属性接受一个任意类型的小部件，这里我们设置为一个居中显示的文本。