Flutter圆形访问锁插件circle_access_lock的使用

Flutter圆形访问锁插件circle_access_lock的使用

简介

Circle Access Lock 是一个用于处理访问锁定的 Flutter 插件。它提供了一种简单的方法来向用户展示锁定屏幕并控制访问。

特性

• 易于集成：轻松地将此插件集成到您的 Flutter 应用程序中。
• 可配置的时间限制：默认时间限制（演示）为10分钟。
• 自定义时间限制：可以根据需求自定义时间限制，例如全天、1分钟、1小时、1天等。
• 启用/禁用访问锁：可以启用或禁用访问锁功能。

安装

要使用 Circle Access Lock 插件，请在 pubspec.yaml 文件中添加依赖项：

dependencies:
  circle_access_lock: ^1.0.7

然后运行 flutter pub get 来下载插件。

使用

1. 导入插件

在 Dart 文件中导入 circle_access_lock 包：

import 'package:circle_access_lock/circle_access_lock.dart';

2. 初始化插件

在 MyHomePage 类中初始化 CircleAccessLock：

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MyHomePage(title: 'Flutter Demo Home Page');
  }
}

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

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

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

  final navigatorKey = GlobalKey<NavigatorState>();
  late CircleAccessLock circleAccessLock;

  [@override](/user/override)
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      circleAccessLock = CircleAccessLock(navigatorKey: navigatorKey);
      // 您可以使用 forceCheck 在需要时进行检查
      circleAccessLock.forceCheck();
    });
  }

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorKey: navigatorKey,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text(widget.title),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              const Text(
                '您已经按下了按钮次数：',
              ),
              Text(
                '$_counter',
                style: Theme.of(context).textTheme.headlineMedium,
              ),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: _incrementCounter,
          tooltip: '增加',
          child: const Icon(Icons.add),
        ),
      ),
    );
  }
}

3. 控制访问锁

使用 enable 和 disable 方法来控制访问锁：

circleAccessLock.enable();
circleAccessLock.disable();

4. 需要时强制检查

如果您需要，可以使用 forceCheck 方法来检查：

circleAccessLock.forceCheck();

许可证

该项目采用 MIT 许可证。

完整示例代码

以下是完整的示例代码：

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MyHomePage(title: 'Flutter Demo Home Page');
  }
}

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

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

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

  final navigatorKey = GlobalKey<NavigatorState>();
  late CircleAccessLock circleAccessLock;

  [@override](/user/override)
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      circleAccessLock = CircleAccessLock(navigatorKey: navigatorKey);
      // 您可以使用 forceCheck 在需要时进行检查
      circleAccessLock.forceCheck();
    });
  }

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorKey: navigatorKey,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text(widget.title),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              const Text(
                '您已经按下了按钮次数：',
              ),
              Text(
                '$_counter',
                style: Theme.of(context).textTheme.headlineMedium,
              ),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: _incrementCounter,
          tooltip: '增加',
          child: const Icon(Icons.add),
        ),
      ),
    );
  }
}