Flutter清理工具插件flutter_clean的使用

简介

flutter_clean 是一个帮助生成文件的包，根据以下数据流进行生成：

![此处应有图片]

生成结果。文件夹结构

![此处应有图片]

入口点

在生成新的功能后，你会得到一个名为 <FeatureName>_builder.dart 的文件。这就是我们的入口点。

示例

class NewFeatureBuilder {
  static NewFeaturePage build() {
    final dataSource = NewFeatureDataSource();
    final repository = NewFeatureRepository(dataSource);
    final usecase = NewFeatureUsecase(repository);
    final viewModel = NewFeatureViewModel(usecase);
    return NewFeaturePage(viewModel: viewModel);
  }
}

要使用新的功能，你只需要调用 <FeatureName>Buidler.build() 这个方法会返回 <FeatureName>Page 并包含所有依赖项。

生成器

示例

flutter pub run flutter_clean --name NewFeature --output lib/src/features

功能命名约定

-n example
--name example
-n Example
--name Example
-n ExampleFeature
--name ExampleFeature

输出参数是可选的，默认路径是 lib/features

-o lib/src/features
--output lib/src/features

完整示例

示例代码

import 'package:example/features/new_feature/new_feature_builder.dart';
import 'package:flutter/material.dart';

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

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

  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是你的应用的主题。
        //
        // 尝试运行你的应用。你会看到应用有一个蓝色工具栏。然后，不退出应用，尝试
        // 将下面的 primarySwatch 更改为 Colors.green 并且重新加载（在控制台中按 "r"，或者直接保存文件）。
        // 注意计数器并没有重置为零；这是因为应用没有重启。
        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);

  // 这个小部件是你的应用的主页。它是有状态的，意味着它有一个状态对象（定义在下面），
  // 包含影响其外观的字段。
  //
  // 这个类是状态的配置。它持有由父级（在这个例子中是App小部件）提供的值（在这个例子中是标题），
  // 并被状态的构建方法所使用。小部件子类中的字段总是标记为 "final"。

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void incrementCounter() {
    setState(() {
      // 这个调用告诉 Flutter 框架某些东西发生了变化，导致它重新运行下面的构建方法
      // 以便显示更新后的值。如果我们不调用 setState() 来改变 _counter，那么构建方法将不会再次运行，
      // 所以看起来什么都不会发生。
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 每次调用 setState() 方法时，这个方法都会重新运行。
    //
    // Flutter 框架已经优化了构建方法的重新运行速度，因此你可以重建任何需要更新的小部件，
    // 而不是逐个更改实例。
    return Scaffold(
      appBar: AppBar(
        // 这里我们从 MyHomePage 对象获取值，这是由 App.build 方法创建的，
        // 并用于设置我们的应用栏标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center 是一个布局小部件。它接受一个子元素并将其放置在父元素的中间。
        child: Column(
          // Column 也是一个布局小部件。它接受一个子元素列表并垂直排列它们。
          // 默认情况下，它根据其子元素水平调整大小，并尽可能与父元素一样高。
          //
          // 在控制台中按下 "p" 键，选择 "切换调试绘制" 动作，或在 Visual Studio Code 中选择 "切换调试绘制" 命令
          // 以查看每个小部件的线框。
          //
          // Column 有许多属性可以控制其自身大小及其子元素的位置。这里我们使用 `mainAxisAlignment`
          // 来垂直居中子元素；主轴在这里是垂直的（交叉轴是水平的）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              '你已经点击按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.of(context).push(
            MaterialPageRoute(builder: (c) => NewFeatureBuilder.build()),
          );
        },
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), // 这个逗号使自动格式化更好看。
    );
  }
}