Flutter锁屏功能插件flutter_lock_screen的使用

这个插件为您的应用提供了美观的密码页面，适用于Android和iOS平台。

指纹识别使用

首先，请确保在您的项目中添加local_auth包作为依赖项。请详细阅读local_auth的所有集成细节。

iOS 集成

请注意，此插件同时支持TouchID和FaceID。但是，要使用后者，您还需要将以下内容添加到您的Info.plist文件中：

<key>NSFaceIDUsageDescription</key>
<string>为什么我的应用使用面部识别进行身份验证？</string>

如果未执行此操作，则会弹出一个对话框，提示用户您的应用程序尚未更新以使用TouchID。

Android 集成

请注意，local_auth插件要求使用FragmentActivity而不是Activity。这可以通过将您的清单文件（或自定义基类）中的FlutterActivity更改为FlutterFragmentActivity来轻松实现。

请更新您的项目的AndroidManifest.xml文件，以包含USE_FINGERPRINT权限：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.example.app">
  <uses-permission android:name="android.permission.USE_FINGERPRINT"/>
</manifest>

使用

使用这个插件非常简单！您需要确保在您的Flutter项目中添加flutter_lock_screen作为依赖项。

在pubspec.yaml文件中添加以下内容：

dependencies:
  flutter_lock_screen: '^2.0.1'

然后您可以使用以下示例代码：

import 'package:flutter/material.dart';
import 'package:local_auth/local_auth.dart';
import 'package:testapp/empty_page.dart';
import 'package:flutter/services.dart';

class PassCodeScreen extends StatefulWidget {
  PassCodeScreen({Key key, this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  _PassCodeScreenState createState() => new _PassCodeScreenState();
}

class _PassCodeScreenState extends State<PassCodeScreen> {
  bool isFingerprint = false;

  Future<Null> biometrics() async {
    final LocalAuthentication auth = new LocalAuthentication();
    bool authenticated = false;

    try {
      authenticated = await auth.authenticateWithBiometrics(
          localizedReason: '扫描指纹以进行身份验证',
          useErrorDialogs: true,
          stickyAuth: false);
    } on PlatformException catch (e) {
      print(e);
    }
    if (!mounted) return;
    if (authenticated) {
      setState(() {
        isFingerprint = true;
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    var myPass = [1, 2, 3, 4];
    return LockScreen(
        title: "这是秘密",
        passLength: myPass.length,
        bgImage: "images/pass_code_bg.jpg",
        fingerPrintImage: "images/fingerprint.png",
        showFingerPass: true,
        fingerFunction: biometrics,
        fingerVerify: isFingerprint,
        borderColor: Colors.white,
        showWrongPassDialog: true,
        wrongPassContent: "错误的密码，请重试。",
        wrongPassTitle: "哦哦！",
        wrongPassCancelButtonText: "取消",
        passCodeVerify: (passcode) async {
          for (int i = 0; i < myPass.length; i++) {
            if (passcode[i] != myPass[i]) {
              return false;
            }
          }

          return true;
        },
        onSuccess: () {
          Navigator.of(context).pushReplacement(
              new MaterialPageRoute(builder: (BuildContext context) {
            return EmptyPage();
          }));
        });
  }
}