Flutter温控管理插件thermostat的使用

Thermostat 是一个用于选择指定范围内温度的 Flutter 小部件。它是从 旧仓库 分支而来，经过了一些更新，移除了旧的功能，现在它只是一个带有圆形指针来改变数字的小部件。您可以自由提交请求或报告问题。

使用方法

以下是一个基本的使用示例：

Thermostat(
  radius: 150.0, // 温度盘的半径
  turnOn: true, // 是否启用温控盘
  modeIcon: Icon(
    Icons.ac_unit, // 模式图标（例如空调模式）
    color: Color(0xFF3CAEF4), // 图标颜色
  ),
  textStyle: TextStyle(
    color: const Color(0xFFFFFFFD), // 文本颜色
    fontSize: 34.0, // 文本大小
  ),
  minValue: 18, // 最小温度值
  maxValue: 38, // 最大温度值
  initialValue: 26, // 初始温度值
  onValueChanged: (value) { // 温度变化时的回调函数
    print('Selected value : $value');
  },
)

示例代码

以下是完整的示例代码，展示了如何在 Flutter 应用中使用 Thermostat 小部件：

import 'package:flutter/material.dart';
import 'package:thermostat/thermostat.dart'; // 引入 thermostat 插件

void main() {
  runApp(const MyApp()); // 启动应用
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo', // 应用标题
      theme: ThemeData(
        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);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0; // 计数器

  void _incrementCounter() {
    setState(() {
      _counter++; // 增加计数器
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title), // 设置标题
      ),
      body: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.center, // 水平居中排列
            children: const [
              Expanded(
                child: Thermostat(
                  maxVal: 78, // 最大温度值
                  minVal: 66, // 最小温度值
                  curVal: 68, // 当前温度值
                  setPoint: 73, // 设定温度值
                ),
              ),
            ],
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter, // 点击按钮时触发
        tooltip: 'Increment', // 提示文字
        child: const Icon(Icons.add), // 按钮图标
      ),
    );
  }
}

已知问题

在 Android 设备上，当用户触摸时尝试动画外环阴影时，可能会出现闪烁现象。如果您不想启用外环阴影的动画效果，可以将以下代码：

convertRadiusToSigma(18.0 + (5.0 * glowness))

替换为：

convertRadiusToSigma(18.0)