Flutter图像文字识别插件ocr_image_plugin的使用

Flutter图像文字识别插件ocr_image_plugin的使用

介绍

ocr_image_plugin 是一个用于在 Flutter 应用程序中实现图像文字识别功能的插件。通过该插件，您可以轻松地从图像中提取文本信息。

使用步骤

以下是一个完整的示例，展示如何在 Flutter 应用程序中使用 ocr_image_plugin 插件来识别图像中的文字。

完整示例代码

文件结构

example/
├── lib/
│   ├── main.dart

lib/main.dart

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:ocr_image_plugin/ocr_image_plugin.dart'; // 引入 OCR 插件

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'OCR Image Plugin Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(), // 主页面
    );
  }
}

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

class _MyHomePageState extends State<MyHomePage> {
  File? _image; // 保存选择的图片
  List? _output; // 保存识别结果

  ImagePicker picker = ImagePicker(); // 初始化图片选择器

  // 从相册选择图片
  _pickImageFromGallery() async {
    PickedFile? pickedFile = await picker.getImage(source: ImageSource.gallery, imageQuality: 50);

    if (pickedFile == null) return; // 如果用户取消选择，则退出

    File image = File(pickedFile.path); // 将选择的文件转换为 File 对象

    setState(() {
      _image = image; // 更新当前图片
    });

    // 调用 OCR 插件进行文字识别
    _output = await OcrImagePlugin.detect_image(_image!);
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("OCR 图像文字识别"), // 设置应用标题
      ),
      body: SingleChildScrollView(
        child: Center(
          child: Container(
            padding: const EdgeInsets.all(16.0), // 设置内边距
            child: Column(
              children: <Widget>[
                // 显示选择的图片
                if (_image != null)
                  Image.file(_image!), 
                SizedBox(height: 16.0), // 添加间距

                // 按钮用于选择图片
                RaisedButton(
                  onPressed: () {
                    _pickImageFromGallery(); // 执行图片选择逻辑
                  },
                  child: Text("选择图片"),
                ),

                SizedBox(height: 16.0), // 添加间距

                // 显示识别结果
                if (_output != null)
                  Text(
                    "${_output!}", // 输出识别结果
                    style: Theme.of(context).textTheme.headline3,
                  ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}