Flutter原子生成器插件atom

Flutter原子生成器插件atom_generator的使用

Atom Generator 是一个用于生成 GetX 路由、绑定、表单等内容的插件，它基于 source_gen 实现。

使用方法

1. 添加生成器到依赖项

首先，在项目的 dev_dependencies 中添加 atom_annotations：

dependencies:
  atom_annotations: ^0.0.1

2. 定义并生成代码

接下来，定义需要生成路由的页面，并使用 @PageRouter 注解指定路由路径。例如：

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

// 使用 @PageRouter 注解定义路由路径
@PageRouter('/posts')
class PostsPage extends StatelessWidget {
  const PostsPage({super.key});

  @override
  Widget build(BuildContext context) {
    return const Placeholder();
  }
}

说明：

@PageRouter('/posts') 表示该页面的路由路径为 /posts。
任何需要添加到 GetPages 列表中的页面都需要使用 @PageRouter 注解。

3. 运行生成器

运行以下命令以生成路由代码：

pub run build_runner build

4. 查看生成的代码

在项目的根目录下会生成一个新的 Dart 文件 app_routes.dart，其内容如下：

class AppRoutes {
  // 返回包含所有路由的列表
  static List<GetPage> routes() {
    return [PostsPageRoute.route()];
  }
}

// 生成的特定路由类
class PostsPageRoute {
  // 返回具体的路由配置
  static GetPage route() {
    return GetPage(
      name: '/posts',          // 路由路径
      page: () => PostsPage(), // 页面实例
      binding: BindingsBuilder(() {}), // 绑定逻辑（可选）
    );
  }

  // 打开路由的方法
  void open() {
    Get.toNamed('/posts', arguments: {});
  }
}

更多关于Flutter原子生成器插件atom_generator的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

h691938207 1楼

更多关于Flutter原子生成器插件atom_generator的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

atom_generator 是一个用于 Flutter 的代码生成器插件，它可以帮助开发者自动生成一些常见的代码结构，例如状态管理、数据模型、服务类等。通过使用 atom_generator，开发者可以减少手动编写重复代码的工作量，提高开发效率。

安装 `atom_generator`

首先，你需要在 pubspec.yaml 文件中添加 atom_generator 作为开发依赖项：

dev_dependencies:
  atom_generator: ^1.0.0
  build_runner: ^2.1.0

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

使用 `atom_generator`

atom_generator 通常与 build_runner 一起使用，build_runner 是一个用于运行代码生成器的工具。

1. 创建数据模型

假设你有一个 JSON 数据，并且你想生成对应的 Dart 数据模型类。你可以使用 atom_generator 来自动生成这些类。

首先，创建一个 example.json 文件：

{
  "name": "John Doe",
  "age": 30,
  "email": "john.doe@example.com"
}

然后，创建一个 Dart 文件 example.dart，并使用 @AtomModel 注解来标记你想要生成的模型类：

import 'package:atom_generator/atom_generator.dart';

part 'example.g.dart';

@AtomModel()
class Example {
  final String name;
  final int age;
  final String email;

  Example({required this.name, required this.age, required this.email});

  factory Example.fromJson(Map<String, dynamic> json) => _$ExampleFromJson(json);

  Map<String, dynamic> toJson() => _$ExampleToJson(this);
}

2. 运行代码生成器

在终端中运行以下命令来生成代码：

flutter pub run build_runner build

这将会生成一个 example.g.dart 文件，其中包含了 fromJson 和 toJson 方法的实现。

3. 使用生成的代码

现在你可以在你的项目中使用生成的 Example 类：

void main() {
  final json = {
    "name": "John Doe",
    "age": 30,
    "email": "john.doe@example.com"
  };

  final example = Example.fromJson(json);
  print(example.name); // 输出: John Doe
}

Flutter原子生成器插件atom_generator的使用