Flutter蓝牙LED控制及OTA更新插件led_bt_jl_ota的使用

led_bt_jl_ota

这是一个新的Flutter插件项目。

开始使用

这个项目是一个用于Flutter的插件包起点，它包含针对Android和/或iOS平台的特定实现代码。

如果您刚开始使用Flutter开发，可以查看Flutter文档，其中提供了教程、示例、移动开发指南以及完整的API参考。

完整示例代码

以下是一个完整的示例代码，展示如何使用led_bt_jl_ota插件来控制蓝牙LED并进行OTA更新。

示例代码

// example/lib/main.dart

import 'dart:io';

import 'package:bot_toast/bot_toast.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:led_bt_jl_ota/led_bt_jl_ota.dart'; // 引入插件
import 'package:led_bt_jl_ota_example/testled/AutoConnectTask.dart';
import 'package:led_bt_jl_ota_example/testled/ConnectUtil.dart';
import 'package:led_bt_jl_ota_example/testled/task/RGBTaskBean.dart';
import 'package:led_bt_jl_ota_example/ui/ExecPage.dart';
import 'package:led_bt_jl_ota_example/ui/SettingPage.dart';
import 'package:led_bt_jl_ota_example/utils/AppUpdateUtil.dart';
import 'package:led_bt_jl_ota_example/utils/ParseBleDataUtil.dart';
import 'package:oktoast/oktoast.dart';

import 'BleDevicePage.dart';
import 'ble/utils/ToastUtil.dart';
import 'eyesui/EyesIndexPage.dart';
import 'hatui/HatIndexPage.dart';
import 'miniui/MiniIndexPage.dart';
import 'ui/rgb/RgbTestPage.dart';
import 'ui/text/TextTestPage.dart';
import 'ble/permission/PermisionUtil.dart';
import 'ble/utils/SPUtils.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await SPUtils.init(); // 初始化共享偏好设置
  ParseBleDataUtil.setSupportAll(); // 支持所有数据解析
  runApp(const MyApp());
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 初始化平台状态
  Future<void> initPlatformState() async {
    if (!mounted) return;

    if (Platform.isAndroid) {
      SystemChrome.setSystemUIOverlayStyle(
        const SystemUiOverlayStyle(
          statusBarColor: Colors.transparent, // 设置透明状态栏
          statusBarBrightness: Brightness.dark, // 设置状态栏文本颜色
          systemNavigationBarColor: Colors.grey, // 设置底部导航栏颜色
          statusBarIconBrightness: Brightness.dark, // 设置状态栏图标颜色
        ),
      );
    } else {
      SystemChrome.setSystemUIOverlayStyle(
        const SystemUiOverlayStyle(
          systemStatusBarContrastEnforced: true, // 强制状态栏对比度
          statusBarColor: Colors.transparent, // 设置透明状态栏
        ),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return OKToast( // 使用OKToast库
      child: MaterialApp(
        builder: BotToastInit(), // 初始化BotToast
        navigatorObservers: [BotToastNavigatorObserver()], // 添加导航观察者
        debugShowCheckedModeBanner: false, // 隐藏调试横幅
        home: const HomePage(), // 主页
      ),
    );
  }
}

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

  // 打开新页面
  openPage(BuildContext context, Widget widget) {
    return Navigator.of(context).push(CupertinoPageRoute(builder: (BuildContext context) {
      return widget;
    }));
  }

  @override
  Widget build(BuildContext context) {
    AppUpdateUtil.appHasUpdate().then((value) { // 检查是否有更新
      if (value) {
        AppUpdateUtil.showUpdateDialog(context); // 显示更新对话框
      }
    });

    return Scaffold(
      body: SafeArea(
        child: WillPopScope(
          onWillPop: () async {
            return false; // 禁止返回按钮退出应用
          },
          child: Center(
            child: Column(
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: [
                    ElevatedButton(
                        onPressed: () async {
                          bool flag = await PermissionUtil.instance.checkPermission(context); // 检查权限
                          if (flag) {
                            Navigator.of(context).push(CupertinoPageRoute(builder: (BuildContext context) {
                              return const BleDevicePage(); // 跳转到设备页面
                            }));
                          }
                        },
                        child: Text("连接")), // 连接按钮
                    GestureDetector(
                      onTap: () {
                        Navigator.of(context).push(CupertinoPageRoute(builder: (BuildContext context) {
                          return const SettingPage(); // 跳转到设置页面
                        }));
                      },
                      child: const Icon(
                        size: 50,
                        Icons.settings_outlined,
                      ),
                    ),
                  ],
                ),
                Expanded(
                    child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    ElevatedButton(
                        onPressed: () => openPage(context, const EyesIndexPage()), // 打开眼睛系列页面
                        child: const Text("eyes 系列")),
                    const SizedBox(
                      height: 20,
                    ),
                    ElevatedButton(
                        onPressed: () => openPage(context, const MiniIndexPage()), // 打开迷你系列页面
                        child: const Text("mini 系列")),
                    const SizedBox(
                      height: 20,
                    ),
                    ElevatedButton(onPressed: () => openPage(context, const HatIndexPage()), // 打开帽子屏页面
                        child: const Text("帽子屏")),
                  ],
                ))
              ],
            ),
          ),
        ),
      ),
    );
  }
}

说明

1. 插件导入：

   import 'package:led_bt_jl_ota/led_bt_jl_ota.dart';

   插件用于蓝牙LED控制和OTA更新。

2. 初始化：

   await SPUtils.init(); // 初始化共享偏好设置
   ParseBleDataUtil.setSupportAll(); // 支持所有数据解析

3. 权限检查：

   bool flag = await PermissionUtil.instance.checkPermission(context);

4. 页面跳转：

   Navigator.of(context).push(CupertinoPageRoute(builder: (BuildContext context) {
     return const BleDevicePage();
   }));

5. OTA更新：

   AppUpdateUtil.appHasUpdate().then((value) {
     if (value) {
       AppUpdateUtil.showUpdateDialog(context);
     }
   });