Flutter无线电管理插件phoenix_radio的使用

特性

phoenix 将作为企业级基础组件:Radio, 提供项目支持。

开始使用

phoenix 将作为企业级基础组件:Radio, 提供项目支持。

使用方法

phoenix 将作为企业级基础组件:Radio, 提供项目支持。

示例代码

以下是一个简单的示例，展示了如何在Flutter应用中使用phoenix_radio插件。

import 'package:flutter/material.dart';

import 'checkbox_example.dart';
import 'radio_example.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是你的应用程序的根。它是一个无状态的小部件。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是你的应用的主题。
        //
        // 尝试这样做：运行你的应用（输入"flutter run"）。你会看到应用有一个蓝色的工具栏。然后，在不退出应用的情况下，
        // 将颜色方案中的seedColor改为Colors.green并触发热重载（保存更改或在支持热重载的IDE中按下"热重载"按钮，或者在命令行中输入"r"）。
        //
        // 注意计数器并没有重置回零；应用程序的状态在重载时不会丢失。要重置状态，可以使用热重启。
        //
        // 这对代码同样适用，不仅仅是值：大多数代码更改可以通过简单的热重载来测试。
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      // home: CheckboxExample(),
      home: RadioExample(),
    );
  }
}

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

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

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      // 这次调用setState告诉Flutter框架某些事情已经改变在这个状态中，导致它重新运行下面的构建方法
      // 以便显示可以反映更新后的值。如果我们只是改变了_counter而没有调用setState，那么构建方法将不会再次被调用，
      // 因此似乎什么都不会发生。
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    // 每次setState被调用时，这个方法都会被重新运行，例如上面的_incrementCounter方法所做的那样。
    //
    // Flutter框架已经被优化以使重新运行构建方法变得快速，因此你可以简单地重建任何需要更新的东西而不是个别更改小部件实例。
    return Scaffold(
      appBar: AppBar(
        // 尝试这样做：在这里将颜色改为特定的颜色（例如Colors.amber），并触发热重载以看到AppBar的颜色改变，而其他颜色保持不变。
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        // 在这里我们取由App.build方法创建的MyHomePage对象的值，并用它来设置我们的appbar标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center是一个布局小部件。它接受一个子元素并将它定位在父元素的中间。
        child: Column(
          // Column也是一个布局小部件。它接受一个小部件列表并将它们垂直排列。默认情况下，它水平上适应其子元素的大小，并尝试尽可能高。
          //
          // Column有各种属性来控制它是如何调整自己的大小和放置其子元素的。在这里我们使用mainAxisAlignment来垂直居中子元素；
          // 主轴是垂直方向（因为Columns是垂直的，交叉轴是水平方向）。
          //
          // 尝试这样做：触发调试绘制（在IDE中选择"切换调试绘制"操作，或者在控制台中按"p"），可以看到每个小部件的线框图。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              '你已经按了按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: const Icon(Icons.add),
      ), // 这个尾随的逗号使得自动格式化更美观。
    );
  }
}

额外信息

phoenix 将作为企业级基础组件:Radio, 提供项目支持。