Flutter系统空闲状态检测插件system_idle_repo的使用

在Flutter开发中，有时我们需要检测设备的空闲状态（如屏幕锁定或用户未操作）。system_idle_repo 是一个专门用于检测系统空闲状态的插件。本文将详细介绍如何使用该插件，并提供完整的示例代码。

使用步骤

1. 添加依赖

首先，在 pubspec.yaml 文件中添加 system_idle_repo 依赖：

dependencies:
  system_idle_repo: ^0.1.0

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

flutter pub get

2. 初始化插件

在 Dart 文件中导入插件并初始化它：

import 'package:flutter/material.dart';
import 'package:system_idle_repo/system_idle_repo.dart';

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

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

3. 创建空闲状态检测器

创建一个页面来检测空闲状态，并根据状态显示不同的内容：

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

class _IdleStateDetectorState extends State<IdleStateDetector> {
  bool isIdle = false;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 监听空闲状态变化
    SystemIdleRepo().listenToIdleState((state) {
      setState(() {
        isIdle = state;
      });
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('系统空闲状态检测'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              isIdle ? '当前状态：空闲' : '当前状态：活跃',
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 手动触发锁屏事件（模拟）
                SystemIdleRepo().lockDevice();
              },
              child: Text('模拟锁屏'),
            ),
            SizedBox(height: 10),
            ElevatedButton(
              onPressed: () {
                // 手动触发解锁事件（模拟）
                SystemIdleRepo().unlockDevice();
              },
              child: Text('模拟解锁'),
            ),
          ],
        ),
      ),
    );
  }
}

4. 运行应用

运行应用后，您可以观察到当设备进入空闲状态时，页面会显示“当前状态：空闲”，否则显示“当前状态：活跃”。同时，您可以通过点击按钮手动触发锁屏和解锁操作。

完整示例代码

以下是完整的示例代码：

import 'package:flutter/material.dart';
import 'package:system_idle_repo/system_idle_repo.dart';

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

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

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

class _IdleStateDetectorState extends State<IdleStateDetector> {
  bool isIdle = false;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 监听空闲状态变化
    SystemIdleRepo().listenToIdleState((state) {
      setState(() {
        isIdle = state;
      });
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('系统空闲状态检测'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              isIdle ? '当前状态：空闲' : '当前状态：活跃',
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // 手动触发锁屏事件（模拟）
                SystemIdleRepo().lockDevice();
              },
              child: Text('模拟锁屏'),
            ),
            SizedBox(height: 10),
            ElevatedButton(
              onPressed: () {
                // 手动触发解锁事件（模拟）
                SystemIdleRepo().unlockDevice();
              },
              child: Text('模拟解锁'),
            ),
          ],
        ),
      ),
    );
  }
}