Flutter温度检测插件check_temp的使用

在本教程中，我们将介绍如何在Flutter项目中使用check_temp插件来实现温度检测功能。以下是完整的步骤和代码示例。

使用步骤

1. 添加依赖

首先，在pubspec.yaml文件中添加check_temp插件作为依赖：

dependencies:
  check_temp: ^1.0.0 # 请根据实际版本替换

然后运行以下命令以安装依赖：

flutter pub get

2. 初始化插件

在main.dart文件中初始化并使用check_temp插件。以下是一个完整的示例代码：

import 'package:flutter/material.dart';
import 'package:check_temp/check_temp.dart'; // 导入插件

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TemperatureDetector(), // 主页面
    );
  }
}

class TemperatureDetector extends StatefulWidget {
  [@override](/user/override)
  _TemperatureDetectorState createState() => _TemperatureDetectorState();
}

class _TemperatureDetectorState extends State<TemperatureDetector> {
  double? temperature; // 存储检测到的温度值

  [@override](/user/override)
  void initState() {
    super.initState();
    _fetchTemperature(); // 初始化时获取温度
  }

  // 获取温度的方法
  Future<void> _fetchTemperature() async {
    try {
      final temp = await CheckTemp.getTemperature(); // 调用插件方法
      setState(() {
        temperature = temp; // 更新UI
      });
    } catch (e) {
      print('Error fetching temperature: $e');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('温度检测示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              '当前温度:',
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 10),
            Text(
              temperature != null ? '${temperature!.toStringAsFixed(2)}°C' : '加载中...',
              style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _fetchTemperature, // 点击按钮重新获取温度
              child: Text('重新检测温度'),
            )
          ],
        ),
      ),
    );
  }
}