Flutter插件addstest的使用方法详解

Flutter插件addstest的使用方法详解

获取开始

这个项目是一个新的Dart包项目，用于创建一个库模块，该模块包含可以轻松地在多个Flutter或Dart项目中共享的代码。

对于如何开始使用Flutter的帮助信息，请查看我们的在线文档，其中包括教程、示例、移动开发指南以及完整的API参考。

flutter_pkg

addstest

示例代码

example/lib/main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是你应用的主题。
        //
        // 尝试运行你的应用。你会看到应用有一个蓝色工具栏。然后，在不退出应用的情况下，尝试将下面的primarySwatch改为Colors.green并重新加载（在你运行"flutter run"的控制台中按"r"，或者简单保存更改以在Flutter IDE中重新加载）。
        // 注意，计数器并没有重置回零；这是因为应用并没有被重启。
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

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

  // 这个类是状态的配置。它持有由父组件（本例中为App小部件）提供的值（在这里是标题）并由State的构建方法使用。Widget子类中的字段总是标记为"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中的"切换调试绘制"操作，或者Visual Studio Code中的"切换调试绘制"命令）可以看到每个小部件的线框图。
          //
          // Column有几个属性来控制它如何调整自身大小和定位其子元素。这里我们使用mainAxisAlignment来垂直居中子元素；主轴是垂直方向（因为Columns是垂直的，交叉轴是水平的）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              '你已经按了按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: Icon(Icons.add),
      ), // 这个逗号使得自动格式化更美观。
    );
  }
}