Flutter插件bunker_lib的使用方法详解

欢迎来到[Bunker]的世界！

1.0.5 和 null-safety

重要提示:

dependencies:
  bunker_annotation: ^0.0.3

dev_dependencies:
  bunker_lib: ^1.0.5

运行生成器

要运行代码生成器，有两种可能性：

• 如果您的包依赖于Flutter：

  flutter pub run build_runner build
  

• 如果您的包不依赖于Flutter：

  dart pub run build_runner build
  

注意，像大多数代码生成器一样，[Bunker] 需要您同时导入注解（[meta]）并在文件顶部使用part关键字。

copyWith

正如本README开头所述，[Bunker] 不会在语法上妥协以拥有强大的copyWith方法。

由[Bunker]生成的copyWith方法支持将值赋为null。例如，如果我们使用之前的Model类：

[@BunkerAnnotation](/user/BunkerAnnotation)()
class Model with _$Model {
  factory Model(String name, int age);
}

完整示例代码

以下是完整的示例代码，展示如何在Flutter项目中使用bunker_lib插件。

示例代码：main.dart

import 'package:flutter/material.dart';

// 导入自定义的模型类
import 'model/model.dart';

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

class MyApp extends StatelessWidget {
  MyApp({Key? key}) : super(key: key);

  // 这是应用程序的根部件。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 设置应用的主题颜色
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  // 页面标题
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  Model model = Model(); // 使用自定义的Model类

  void _incrementCounter() {
    setState(() {
      // 每次点击按钮时增加计数器
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title), // 显示页面标题
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text('你已经点击了按钮次数：'),
            Text(
              '$_counter', // 显示计数器的值
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter, // 点击按钮触发计数器增加
        tooltip: '增加', // 提示文字
        child: const Icon(Icons.add), // 按钮图标
      ),
    );
  }
}

自定义模型类：model.dart

import 'package:bunker_annotation/bunker_annotation.dart';

// 使用Bunker生成copyWith方法
[@BunkerAnnotation](/user/BunkerAnnotation)()
class Model with _$Model {
  factory Model({
    String? name,
    int? age,
  }) = _Model;

  // 构造函数实现
  _Model(this.name, this.age);

  // 成员变量
  String? name;
  int? age;
}