Flutter身份证识别插件civil_id_detector的使用

Flutter身份证识别插件civil_id_detector的使用

本库为Flutter提供了方便扫描科威特身份证的功能。它通过OCR实现此功能，而OCR依赖于Google ML Kit。

实现步骤

Step 1: 将Firebase添加到Flutter项目中

请访问Firebase官方文档以将Firebase添加到您的项目中。 https://firebase.google.com/docs/flutter/setup

分别在iOS和Android项目中添加Google服务的plist和json文件。

Step 2: 添加Android和iOS的相关配置

对于iOS，在Info.plist文件中添加以下内容：

<key>NSCameraUsageDescription</key>
<string>your usage description here</string>

对于Android： 在AndroidManifest.xml文件中添加以下权限：

<uses-permission android:name="android.permission.CAMERA"/>

在application标签内添加以下元数据：

<meta-data
    android:name="com.google.mlkit.vision.DEPENDENCIES"
    android:value="ica,ocr" />

Step 4: 代码集成

以下是使用civil_id_detector插件进行身份证识别的示例代码：

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

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

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

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

class _HomeScreenState extends State<HomeScreen> {
  CameraController? _camController;

  void handleResponse(IDTYPE idType, CivilIdMrzModel? mrzModel) {
    if (mrzModel != null) {
      print('身份证类型: ${mrzModel.idType}');
      print('国家: ${mrzModel.country}');
      print('性别: ${mrzModel.gender}');
      print('国籍: ${mrzModel.nationality}');
      print('姓名: ${mrzModel.name}');
    } else {
      print('未识别到有效的身份证信息');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('身份证识别示例'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            CivilIdDetector.detect(_camController!, (idType, mrzModel) {
              handleResponse(idType, mrzModel);
            });
          },
          child: Text('开始识别身份证'),
        ),
      ),
    );
  }
}

更多关于Flutter身份证识别插件civil_id_detector的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter身份证识别插件civil_id_detector的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


civil_id_detector 是一个用于在 Flutter 应用中识别身份证信息的插件。它通常用于从身份证图像中提取文本信息，如姓名、身份证号码、出生日期等。以下是如何在 Flutter 项目中使用 civil_id_detector 插件的基本步骤。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 civil_id_detector 插件的依赖。

dependencies:
  flutter:
    sdk: flutter
  civil_id_detector: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入 civil_id_detector 插件。

import 'package:civil_id_detector/civil_id_detector.dart';

3. 使用插件进行身份证识别

你可以使用 CivilIdDetector 类来识别身份证信息。以下是一个简单的示例：

import 'package:flutter/material.dart';
import 'package:civil_id_detector/civil_id_detector.dart';
import 'package:image_picker/image_picker.dart';
import 'dart:io';

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

class _IdCardRecognitionPageState extends State<IdCardRecognitionPage> {
  String _recognizedText = '';

  Future<void> _pickImageAndRecognize() async {
    final picker = ImagePicker();
    final pickedFile = await picker.getImage(source: ImageSource.camera);

    if (pickedFile != null) {
      File imageFile = File(pickedFile.path);

      try {
        CivilIdDetector detector = CivilIdDetector();
        String recognizedText = await detector.recognizeIdCard(imageFile);

        setState(() {
          _recognizedText = recognizedText;
        });
      } catch (e) {
        setState(() {
          _recognizedText = '识别失败: $e';
        });
      }
    } else {
      setState(() {
        _recognizedText = '未选择图片';
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('身份证识别'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _pickImageAndRecognize,
              child: Text('选择图片并识别'),
            ),
            SizedBox(height: 20),
            Text('识别结果:'),
            Text(_recognizedText),
          ],
        ),
      ),
    );
  }
}

void main() => runApp(MaterialApp(
  home: IdCardRecognitionPage(),
));
回到顶部