flutter_page_template 是一个用于快速生成 Flutter 页面模板的插件。它可以帮助开发者快速生成标准的 Flutter 页面结构，减少重复性工作，提高开发效率。以下是使用 flutter_page_template 的基本步骤和方法。

1. 安装插件

首先，你需要在项目中安装 flutter_page_template 插件。你可以通过以下命令来安装：

flutter pub add flutter_page_template

或者直接在 pubspec.yaml 文件中添加依赖：

dependencies:
  flutter_page_template: ^latest_version

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

2. 使用插件生成页面模板

flutter_page_template 提供了多种方式来生成页面模板。你可以通过命令行工具或者直接在代码中使用。

2.1 命令行工具

你可以使用 flutter_page_template 提供的命令行工具来生成页面模板。首先，确保你已经安装了 flutter_page_template，然后运行以下命令：

flutter pub run flutter_page_template:generate_page --name MyPage

这个命令会在 lib/pages 目录下生成一个名为 my_page.dart 的文件，文件内容如下：

import 'package:flutter/material.dart';

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('MyPage'),
      ),
      body: Center(
        child: Text('MyPage'),
      ),
    );
  }
}

2.2 在代码中使用

你也可以直接在代码中使用 flutter_page_template 来生成页面模板。首先，导入 flutter_page_template：

import 'package:flutter_page_template/flutter_page_template.dart';

然后使用 PageTemplate 类来生成页面模板：

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return PageTemplate(
      title: 'MyPage',
      body: Center(
        child: Text('MyPage'),
      ),
    );
  }
}

PageTemplate 类会自动生成一个包含 AppBar 和 Scaffold 的标准页面结构。

3. 自定义模板

flutter_page_template 允许你自定义生成的页面模板。你可以在 flutter_page_template 的配置文件中进行自定义。

3.1 配置文件

在项目根目录下创建一个 flutter_page_template.yaml 文件，内容如下：

template: |
  import 'package:flutter/material.dart';

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

    [@override](/user/override)
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text('{{className}}'),
        ),
        body: Center(
          child: Text('{{className}}'),
        ),
      );
    }
  }

在配置文件中，你可以使用 {{className}} 作为占位符，flutter_page_template 会在生成页面时将其替换为实际的类名。

3.2 使用自定义模板

在命令行中使用 --template 参数指定自定义模板文件：

flutter pub run flutter_page_template:generate_page --name MyPage --template ./flutter_page_template.yaml

或者在代码中使用 PageTemplate 的 template 参数：

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return PageTemplate(
      title: 'MyPage',
      body: Center(
        child: Text('MyPage'),
      ),
      template: '''
        import 'package:flutter/material.dart';

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

          [@override](/user/override)
          Widget build(BuildContext context) {
            return Scaffold(
              appBar: AppBar(
                title: Text('{{className}}'),
              ),
              body: Center(
                child: Text('{{className}}'),
              ),
            );
          }
        }
      ''',
    );
  }
}