Flutter功能开关管理插件feature_toggle的使用

Flutter功能开关管理插件feature_toggle的使用

WARNING

目前这只是这个新包的开始。我将在本周开始处理这个包。 现在不要使用它。

获取开始

这个项目是一个 Dart 包的起点，包含可以在多个 Flutter 或 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(
        // 这是你的应用的主题。
        //
        // 尝试运行你的应用，你会看到应用有一个蓝色工具栏。然后，不退出应用，将主色调改为绿色并重新加载（在运行 "flutter run" 的控制台中按 "r" 键，或保存更改以自动重新加载）。
        // 注意计数器并没有重置为零；应用没有被重启。
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

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

  // 这个类是状态的配置。它保留了由父组件（在这个例子中是App小部件）提供的值（在这个例子中是标题），并在构建方法中使用。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方法创建的，并将其用于设置我们的appbar标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center是一个布局小部件。它接受一个子元素并将其中心定位到父元素中。
        child: Column(
          // Column也是一个布局小部件。它接受一个子元素列表并垂直排列它们。默认情况下，它水平地调整自己的大小以适应其子元素，并尝试与它的父元素一样高。
          //
          // 调用 "debug painting"（在控制台中按 "p" 键，选择Android Studio中的 "Toggle Debug Paint" 操作，或Visual Studio Code中的 "Toggle Debug Paint" 命令）来查看每个小部件的线框。
          //
          // Column有各种属性可以控制其自身的大小和如何定位其子元素。在这里我们使用mainAxisAlignment来垂直居中子元素；主轴是垂直的（交叉轴将是水平的）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              '你已经按了按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: Icon(Icons.add),
      ), // 这个尾部的逗号使得自动格式化更美观。
    );
  }
}