Flutter插件daejeon的使用_daejeon是一个基于BLoC的MVI（Model-View-Intent）框架包，用于Flutter应用开发

Flutter插件daejeon简介

daejeon 是一个基于BLoC的MVI（Model-View-Intent）框架包，用于Flutter应用开发。该插件旨在帮助开发者更方便地管理UI状态，并且遵循现代Flutter开发的最佳实践。

示例代码

以下是使用 daejeon 插件的一个简单示例。我们将创建一个基本的Flutter应用，其中包含一个计数器。

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"）。你会看到
        // 应用有一个紫色的工具栏。然后，不要退出应用，
        // 改变颜色方案中的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});

  // 这个小部件是你的应用的主页面。它是有状态的，意味着
  // 它有一个状态对象（在下面定义），该对象包含影响其外观的字段。
  //
  // 这个类是状态的配置。它持有由父组件（本例中的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框架某些东西已经改变
      // 这会导致重新运行下面的构建方法，以便显示更新后的值。如果我们不调用setState而改变_counter，
      // 则构建方法将不会被再次调用，因此看起来什么都不会发生。
      _counter++;
    });
  }

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