Flutter功能未知插件req_fun的使用

Flutter功能未知插件req_fun的使用

req_fun 是一个几乎适用于每个 Flutter 项目的插件。它可以帮助你更方便地处理一些常见的功能需求。

示例代码

以下是 req_fun 的使用示例：

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

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

class MyApp extends StatelessWidget {
  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是你的应用的主题。
        //
        // 尝试用 "flutter run" 运行你的应用。你会看到应用有一个蓝色工具栏。
        // 然后，在不退出应用的情况下，将以下 `primarySwatch` 改为 `Colors.green` 并调用
        // "热重载"（在你运行 "flutter run" 的控制台中按 "r"，或者简单地保存更改以实现热重载）。
        // 注意计数器并没有重置回零；应用没有重启。
        primarySwatch: Colors.blue,
        // 这使得视觉密度适应你运行应用的平台。对于桌面平台，控件会比移动平台更小且更紧凑（更密集）。
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

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

  final String title;

  [@override](/user/override)
  _MyHomePageState 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(
        // 在这里，我们取 MyHomePage 对象中的值，该对象是由 App.build 方法创建的，并将其用于设置我们的应用栏标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center 是一个布局小部件。它接受单个子元素并将其放置在父元素的中间。
        child: Column(
          // Column 也是一个布局小部件。它接受一个小部件列表并将它们垂直排列。
          // 默认情况下，它水平大小化自身以适应其子元素，并尝试与其父元素一样高。
          //
          // 调用 "调试绘制"（在控制台中按 "p"，选择 Android Studio 中 Flutter Inspector 的 "切换调试绘制" 动作，
          // 或者 Visual Studio Code 中的 "切换调试绘制" 命令）可以看到每个小部件的线框图。
          //
          // Column 有许多属性可以控制其自身的大小及其子元素的位置。在这里我们使用 `mainAxisAlignment` 来垂直居中子元素；
          // 主轴是垂直方向，因为 Column 是垂直的（交叉轴将是水平的）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              '你已经按了按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
            HighlightedText("可搜索文本", search: "cha ex"),
            HighlightedSubText("可搜索文本", search: "abl"),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: Icon(Icons.add),
      ), // 这个尾随逗号使得自动格式化更好看。
    );
  }
}