Flutter文档扫描插件cunning_document_scanner_vmo的使用

Flutter文档扫描插件cunning_document_scanner_vmo的使用

cunning_document_scanner

一个具备自动裁剪功能的先进文档扫描插件。

开始使用

iOS

在应用的 Info.plist 文件中添加一个字符串属性，键为 NSCameraUsageDescription，值为描述为什么您的应用程序需要相机访问权限。

<key>NSCameraUsageDescription</key>
<string>需要相机访问权限以进行文档扫描</string>

Android

确保 minSdkVersion 至少为 21。

如何使用？

final imagesPath = await CunningDocumentScanner.getPicture();

该路径将返回已裁剪的图片路径。

示例代码

以下是完整的示例代码：

import 'dart:io';

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

import 'package:cunning_document_scanner/cunning_document_scanner.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<String> _pictures = [];

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，因此我们初始化在一个异步方法中。
  Future<void> initPlatformState() async {}

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: SingleChildScrollView(
          child: Column(
            children: [
              ElevatedButton(
                  onPressed: onPressed,
                  child: const Text("添加图片")),
              for (var picture in _pictures) Image.file(File(picture))
            ],
          ),
        ),
      ),
    );
  }

  void onPressed() async {
    List<String> pictures;
    try {
      pictures = await CunningDocumentScanner.getPictures() ?? [];
      if (!mounted) return;
      setState(() {
        _pictures = pictures;
      });
    } catch (exception) {
      // 在这里处理异常
    }
  }
}

更多关于Flutter文档扫描插件cunning_document_scanner_vmo的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter文档扫描插件cunning_document_scanner_vmo的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


cunning_document_scanner_vmo 是一个用于 Flutter 的文档扫描插件，它允许你在应用中集成文档扫描功能。这个插件基于原生平台的文档扫描 SDK 或库，提供了简单的 API 来捕获和裁剪文档图像。

安装插件

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

dependencies:
  flutter:
    sdk: flutter
  cunning_document_scanner_vmo: ^latest_version

然后，运行 flutter pub get 来安装插件。

基本使用

1. 导入插件

在 Dart 文件中导入插件：

import 'package:cunning_document_scanner_vmo/cunning_document_scanner_vmo.dart';

2. 启动文档扫描

你可以使用 CunningDocumentScannerVmo 类的 getPictures 方法来启动文档扫描。这个方法会返回一个 List<String>，其中包含扫描后保存的图像文件路径。

class DocumentScannerExample extends StatefulWidget {
  @override
  _DocumentScannerExampleState createState() => _DocumentScannerExampleState();
}

class _DocumentScannerExampleState extends State<DocumentScannerExample> {
  List<String> _imagePaths = [];

  Future<void> _startScan() async {
    try {
      List<String> imagePaths = await CunningDocumentScannerVmo.getPictures();
      setState(() {
        _imagePaths = imagePaths;
      });
    } catch (e) {
      print("Error: $e");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Document Scanner Example'),
      ),
      body: Column(
        children: [
          ElevatedButton(
            onPressed: _startScan,
            child: Text('Start Scan'),
          ),
          Expanded(
            child: ListView.builder(
              itemCount: _imagePaths.length,
              itemBuilder: (context, index) {
                return Image.file(File(_imagePaths[index]));
              },
            ),
          ),
        ],
      ),
    );
  }
}

3. 处理扫描结果

getPictures 方法会返回一个包含扫描图像文件路径的列表。你可以在 UI 中显示这些图像，或者对它们进行进一步的处理。

高级配置

cunning_document_scanner_vmo 还提供了一些可选的配置项，允许你自定义扫描行为。例如，你可以设置扫描图像的质量、裁剪区域的颜色等。

List<String> imagePaths = await CunningDocumentScannerVmo.getPictures(
  quality: 0.8, // 图像质量，0.0 到 1.0 之间
  cropRectangleColor: Colors.blue, // 裁剪区域的颜色
  cropRectangleBorderColor: Colors.red, // 裁剪区域边框的颜色
);
回到顶部