Flutter插件ftool的介绍与安装使用

ftool

一款Flutter项目管理工具。

核心功能

• 提取package信息,生成markdown
• root + 多package项目结构下统一管理
  • flutter pub get

安装和使用

dart pub global activate ftool
dart pub global run ftool

当前支持的用法

查看项目信息

ftool info

输出结果：

为项目和子项目执行flutter pub get

ftool pub get

示例代码

example/lib/main.dart

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中保存你的更改或按"hot reload"按钮，或者在命令行中启动应用时按"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});

  // 这个小部件是你的应用的主页。它是有状态的，意味着它包含会影响其外观的字段。
  // 这个类是状态的配置。它包含了由父组件（在这个例子中是App小部件）提供的值（在这个例子中是标题），并用于构建方法中的状态构建。
  // 在小部件子类中的字段总是标记为"final"。

  final String title;

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

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

  void _incrementCounter() {
    setState(() {
      // 这次调用setState告诉Flutter框架某些东西已经改变了，这会导致它重新运行build方法
      // 以便显示更新后的值。如果我们不调用setState()直接改变_counter，那么build方法将不会被再次调用，
      // 因此什么也不会发生。
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 每次调用setState()时都会重新运行这个方法。
    //
    // Flutter框架已经被优化为使得重新运行build方法变得快速，因此你可以简单地重建任何需要更新的小部件，
    // 而不是逐个改变实例。
    return Scaffold(
      appBar: AppBar(
        // 尝试这个：将颜色改为特定的颜色（例如Colors.amber），并触发热重载，看看AppBar的颜色改变，而其他颜色保持不变。
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        // 这里我们从App.build方法创建的MyHomePage对象中获取值，并将其用于设置appbar标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center是一个布局小部件。它接受一个子小部件，并将其放置在父级的中间。
        child: Column(
          // Column也是一个布局小部件。它接受一个子小部件列表，并垂直排列它们。
          // 默认情况下，它水平上适应其子小部件的大小，并尽可能高。
          //
          // Column有一些属性可以控制它的大小和子小部件的位置。这里我们使用mainAxisAlignment将子小部件垂直居中；
          // 主轴是垂直方向，因为Column是垂直的（交叉轴是水平的）。
          //
          // 尝试这个：启用调试绘制（在IDE中选择"Toggle Debug Paint"操作，或在控制台中按"p"），可以看到每个小部件的线框图。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}