Flutter构建工具插件inno_build的使用

Flutter构建工具插件inno_build的使用

简介

inno_build 是一个用于将Flutter Windows应用程序构建为Windows安装程序（.exe）的CLI工具。它内部处理Inno Setup过程，使您可以轻松自动化创建Flutter应用的Windows安装程序。

要求

• Windows 10或更高版本
• Flutter 3.22.3 和 Dart 3.4.4
• 一个Flutter应用程序

安装

1. 将 inno_build 添加到您的Flutter项目依赖项中：

   flutter pub add inno_build
   

2. 确保您的Flutter项目是最新的：

   flutter pub get
   

使用

运行 inno_build 来创建安装程序：

dart run inno_build

示例代码

以下是一个简单的Flutter应用程序示例，您可以使用 inno_build 构建此应用程序并生成Windows安装程序。

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是应用程序的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是应用程序的主题。
        //
        // 尝试运行应用程序 "flutter run"，您会看到应用程序有一个紫色的工具栏。
        // 然后，在不退出应用程序的情况下，尝试将colorScheme中的seedColor更改为Colors.green，
        // 然后调用“热重载”（保存更改或在支持Flutter的IDE中按“热重载”按钮，或如果您使用命令行启动应用程序，则按“r”）。
        //
        // 注意计数器没有重置回零；应用程序状态在重载期间不会丢失。要重置状态，请使用热重启。
        //
        // 这也适用于代码，而不仅仅是值：大多数代码更改可以通过热重载进行测试。
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  // 这个小部件是应用程序的主页。它是有状态的，意味着它有一个State对象（在下面定义），该对象包含影响其外观的字段。

  // 这个类是状态的配置。它保存由父级（在这种情况下是App widget）提供的值（在这种情况下是标题），并在State的build方法中使用。小部件子类中的字段始终标记为“final”。

  final String title;

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

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

  void _incrementCounter() {
    setState(() {
      // 这个调用setState告诉Flutter框架，这个State中的某些内容发生了变化，这会导致下面的build方法重新运行，
      // 以便显示可以反映更新的值。如果我们改变了_counter但没有调用setState，那么build方法不会再次调用，
      // 因此什么都不会发生。
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 每次调用setState时，都会重新运行此方法，例如上面的_incrementCounter方法。
    //
    // Flutter框架已经优化以使重新运行build方法变得快速，因此您可以只需重建任何需要更新的内容，
    // 而不是单独更改小部件的实例。
    return Scaffold(
      appBar: AppBar(
        // 尝试将颜色更改为特定颜色（例如Colors.amber），然后触发热重载，以查看AppBar颜色变化，而其他颜色保持不变。
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        // 这里我们从MyHomePage对象中获取值，该对象是由App.build方法创建的，并用它来设置我们的应用栏标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center是一个布局小部件。它接受一个子级并将其定位在父级的中间。
        child: Column(
          // Column也是一个布局小部件。它接受一个子级列表并垂直排列它们。默认情况下，它会在水平方向上适应其子级的大小，并尝试与父级一样高。
          //
          // Column具有各种属性来控制其大小和子级的位置。在这里我们使用mainAxisAlignment来垂直居中子级；
          // 主轴在这里是垂直轴，因为Columns是垂直的（交叉轴将是水平的）。
          //
          // 尝试调用“调试绘制”（在IDE中选择“切换调试绘制”操作，或在控制台中按“p”），以查看每个小部件的线框。
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              '您已按下按钮的次数：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: const Icon(Icons.add),
      ), // 这个尾随逗号使自动格式化在build方法中看起来更美观。
    );
  }
}