Flutter插件sdk_pfl_flutter的介绍与使用方法

Flutter插件sdk_pfl_flutter的介绍与使用方法

Flutter插件sdk_pfl_flutter介绍

sdk_pfl_flutter 是一个将Au10tix原生被动面部活检（Passive Face Liveness, PFL）SDK集成到Flutter应用中的插件。该插件提供了相关的API，使得开发者可以创建自定义的PFL用户界面/用户体验（UI/UX），或者直接使用Au10tix提供的PFL UI组件。

Flutter插件sdk_pfl_flutter开始使用

要开始使用这个插件，请参考我们的示例项目，并查看其中的read.me文件。

请注意，这里的示例仅展示了main.dart文件，它演示了如何初始化SDK，但并没有展示如何使用PFL组件。main.dart文件导入了一个名为pfl_page的类，该类展示了如何使用PFL，并可以在我们的示例项目中找到这里。

完整示例

以下是一个完整的示例代码，展示了如何使用sdk_pfl_flutter插件：

// ignore_for_file: use_key_in_widget_constructors

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:sdk_core_flutter/sdk_core_flutter.dart';
import 'package:sdk_pfl_flutter/sdk_pfl_flutter.dart';
import 'package:sdk_pfl_flutter_example/constants.dart';
import 'pfl_page.dart';
import 'package:sdk_core_flutter/ui_config.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Au10tix Flutter PFL Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
      routes: {
        PFLPage.routeName: (ctx) => PFLPage(),
      },
    );
  }
}

class HomePage extends StatelessWidget {
  static const String _authToken = workflowResponse;

  Future<void> _prepareSDK(BuildContext context) async {
    try {
      final result = await Au10tix.init(_authToken);
      if (result.containsKey("init")) {
        _showToast(context, result["init"].toString(), Colors.green);
      }
    } on PlatformException catch (error) {
      _showToast(context, error.message!, Colors.red);
      // ignore: empty_catches
    } catch (error) {}
  }

  Future<void> _startPFLUI() async {
    try {
      //UI config is optional
      UIConfig uiConfig = UIConfig(
          showIntroScreen: true,
          showCloseButton: true,
          showPrimaryButton: true);
      final result = await SdkPflFlutter.startPFLUI(uiConfig: uiConfig);
      if (kDebugMode) {
        print(result.toString());
      }
    } on PlatformException catch (error) {
      if (kDebugMode) {
        print(error.message);
      }
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Plugin pfl example app'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () => _prepareSDK(context),
              child: const Text("Prepare SDK"),
            ),
            ElevatedButton(
              onPressed: () =>
                  Navigator.of(context).pushNamed(PFLPage.routeName),
              child: const Text("Start PFL"),
            ),
            ElevatedButton(
              onPressed: () => _startPFLUI(),
              child: const Text("Start PFL UI"),
            ),
          ],
        ),
      ),
    );
  }

  void _showToast(BuildContext context, String message, Color bgColor) {
    final scaffold = ScaffoldMessenger.of(context);
    scaffold.showSnackBar(
      SnackBar(
        content: Text(message),
        backgroundColor: bgColor,
      ),
    );
  }
}