base_scaffold 是一个 Flutter 插件，旨在简化 Flutter 应用的基础布局架构。它提供了一些常用的布局组件和结构，帮助你快速搭建应用的页面布局。以下是如何使用 base_scaffold 插件的基本步骤：

1. 安装插件

首先，你需要在 pubspec.yaml 文件中添加 base_scaffold 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  base_scaffold: ^1.0.0  # 请检查最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入插件

在你的 Dart 文件中导入 base_scaffold：

import 'package:base_scaffold/base_scaffold.dart';

3. 使用 BaseScaffold

BaseScaffold 是一个高度可定制的 Scaffold 组件，它允许你轻松地设置页面的 AppBar、Body、BottomNavigationBar 等。

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

import 'package:flutter/material.dart';
import 'package:base_scaffold/base_scaffold.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return BaseScaffold(
      appBar: AppBar(
        title: Text('BaseScaffold Example'),
      ),
      body: Center(
        child: Text('Hello, BaseScaffold!'),
      ),
      bottomNavigationBar: BottomNavigationBar(
        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            label: 'Home',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.business),
            label: 'Business',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.school),
            label: 'School',
          ),
        ],
        currentIndex: 0,
        selectedItemColor: Colors.amber[800],
        onTap: (index) {
          // Handle navigation
        },
      ),
    );
  }
}

4. 自定义 BaseScaffold

BaseScaffold 提供了多个参数，允许你自定义页面的各个部分：

• appBar: 设置页面的 AppBar。
• body: 设置页面的主体内容。
• floatingActionButton: 设置页面的 FloatingActionButton。
• bottomNavigationBar: 设置页面的 BottomNavigationBar。
• drawer: 设置页面的 Drawer。
• endDrawer: 设置页面的 EndDrawer。
• backgroundColor: 设置页面的背景颜色。
• resizeToAvoidBottomInset: 是否调整页面以避免底部插入（如键盘）。

5. 高级用法

BaseScaffold 还支持一些高级功能，例如自定义状态管理和主题设置。你可以通过继承 BaseScaffold 并重写相关方法来实现更复杂的布局需求。

6. 示例代码

以下是一个更复杂的示例，展示了如何使用 BaseScaffold 创建一个带有 Drawer 和 FloatingActionButton 的页面：

import 'package:flutter/material.dart';
import 'package:base_scaffold/base_scaffold.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return BaseScaffold(
      appBar: AppBar(
        title: Text('Complex BaseScaffold Example'),
      ),
      body: Center(
        child: Text('Welcome to the Home Page!'),
      ),
      drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: <Widget>[
            DrawerHeader(
              decoration: BoxDecoration(
                color: Colors.blue,
              ),
              child: Text(
                'Drawer Header',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 24,
                ),
              ),
            ),
            ListTile(
              title: Text('Item 1'),
              onTap: () {
                // Handle item 1 tap
              },
            ),
            ListTile(
              title: Text('Item 2'),
              onTap: () {
                // Handle item 2 tap
              },
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // Handle FAB press
        },
        child: Icon(Icons.add),
      ),
    );
  }
}