Flutter插件flutter_application_1的特性与使用方法

Flutter插件flutter_application_1的特性与使用方法

Flutter插件flutter_application_1的特性

TODO: 列出你的插件可以做什么。也许可以包含一些图片、GIF或视频。

开始使用

TODO: 列出先决条件，并提供或指向如何开始使用该插件的信息。

Flutter插件flutter_application_1使用

TODO: 包含简短且有用的示例以供用户参考。将较长的示例添加到/example文件夹中。

const like = 'sample';

额外信息

TODO: 告诉用户更多关于插件的信息：在哪里找到更多信息，如何为插件做贡献，如何提交问题，用户可以期望从插件作者那里得到什么响应等。

示例代码

example/lib/main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // 这个小部件是你的应用程序的根。
  [@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: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  // 这个小部件是你的应用的主页。它是有状态的，意味着它有一个状态对象（定义在下面），其中包含影响其外观的字段。
  // 这个类是状态的配置。它持有由父级（在这个例子中是App小部件）提供的值（在这种情况下是标题），并用于状态的构建方法。Widget子类中的字段总是标记为“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(
        // 这里我们从MyHomePage对象获取值，该对象是由App.build方法创建的，并将其用于设置我们的appbar标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center是一个布局小部件。它接受一个子元素并将它定位在父元素的中间。
        child: Column(
          // Column也是一个布局小部件。它接受一个子元素列表并垂直排列它们。默认情况下，它水平调整自身大小以适应它的子元素，并试图与父元素一样高。
          //
          // 调用“调试绘制”（在控制台中按“p”，选择Android Studio中的“切换调试绘制”操作，或Visual Studio Code中的“切换调试绘制”命令）
          // 可以看到每个小部件的线框图。
          //
          // Column有各种属性可以控制其自身的大小和其子元素的位置。在这里我们使用mainAxisAlignment来垂直居中子元素；主轴是垂直方向，因为Columns是垂直的（交叉轴是水平的）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              '你已经按了按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: const Icon(Icons.add),
      ), // 这个尾随的逗号使自动格式化更美观。
    );
  }
}