Flutter代码分析与规范插件camus_lints的使用

Flutter代码分析与规范插件camus_lints的使用

该存储库包含一组用于[Flutter]应用程序、软件包和插件的代码分析规则，以鼓励良好的编码实践。

此软件包基于来自package:flutter_lints的Flutter lints构建。

使用

1. 通过运行以下命令将此软件包作为dev_dependency添加到项目中：

   flutter pub add --dev camus_lints
   

2. 在项目的根目录下（与pubspec.yaml文件同级）创建一个名为analysis_options.yaml的文件，并从其中包含package:camus_lints/camus.yaml。

   include: package:camus_lints/camus.yaml
   

参考

• Effective Dart
• Flutter Style Guide
• Flutter Lints

示例代码

以下是使用camus_lints插件的一个完整示例：

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小部件）提供的值（在这个例子中是标题），并在状态的build方法中使用这些值。小部件子类中的字段总是标记为"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时都会重新运行此方法，例如上面的_incrementCounter方法所做的那样。
    //
    // Flutter框架已被优化为快速重新运行构建方法，这样您可以只需重建任何需要更新的内容，而不是逐个更改小部件实例。
    return Scaffold(
      appBar: AppBar(
        // 这里我们取自App.build方法创建的MyHomePage对象的值，并将其用于设置我们的appbar标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center是一个布局小部件。它接受一个子项并将它放在父项的中间。
        child: Column(
          // Column也是一个布局小部件。它接受一个子项列表并将它们垂直排列。默认情况下，它根据其子项水平调整自身大小，并尽可能高。
          //
          // 调用"调试绘制"（在控制台中按"p"键，选择Android Studio中的Flutter Inspector的"切换调试绘制"操作，或Visual Studio Code中的"切换调试绘制"命令）可以看到每个小部件的线框。
          //
          // Column有许多属性可以控制它如何调整大小及其子项的位置。这里我们使用mainAxisAlignment来垂直居中子项；主要轴在这里是垂直方向（交叉轴将是水平方向）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              '你已经按下按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: const Icon(Icons.add),
      ), // 这个尾随逗号使自动格式化更好看。
    );
  }
}