Flutter自定义应用栏插件appbar_package的使用

本文档描述了如何使用 appbar_package 插件来自定义 Flutter 应用中的默认应用栏。如果你将此包发布到 pub.dev，那么本 README 的内容将出现在你的包的首页。

特性

• 可以通过该插件自定义默认的应用栏。

开始使用

在开始之前，请确保你已经将 appbar_package 添加到你的 pubspec.yaml 文件中：

dependencies:
  appbar_package: ^1.0.0

然后运行以下命令以获取依赖项：

flutter pub get

使用方法

1. 导入包

首先，在你的 Dart 文件中导入 appbar_package：

import 'package:appbar_package/appbar_package.dart';

2. 创建自定义应用栏

你可以通过 CustomAppBar 类来创建一个自定义的应用栏。以下是一个简单的示例，展示如何创建一个带有标题和操作按钮的自定义应用栏。

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

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

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

class CustomAppBarExample extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 创建一个自定义应用栏
    final CustomAppBar customAppBar = CustomAppBar(
      title: Text('自定义应用栏'),
      actions: [
        IconButton(
          icon: Icon(Icons.search),
          onPressed: () {
            print('搜索按钮被点击');
          },
        ),
        IconButton(
          icon: Icon(Icons.more_vert),
          onPressed: () {
            print('更多选项按钮被点击');
          },
        ),
      ],
    );

    return Scaffold(
      appBar: customAppBar.build(context), // 将自定义应用栏添加到 Scaffold 中
      body: Center(
        child: Text('这是页面主体内容'),
      ),
    );
  }
}