如何使用react-native与expo实现OCR功能？

完全可以借助React Native和Expo栈实现OCR相关能力，根据你使用的Expo工作流不同，有以下两种成熟实现路径：

1. Expo托管工作流（无需修改原生代码，适配便捷开发需求） #

如果你使用Expo默认的托管工作流，不需要退出托管模式即可实现OCR能力，推荐两种实现方式：

• 服务端识别方案：优先通过expo-image-picker（相册选图）或expo-camera（拍照）采集图片，将图片转成base64格式后传给后端部署的OCR服务获取识别结果，该方案识别准确率高，适配复杂场景，不会额外增加端侧包体积。
• 端侧离线识别方案：可以引入tesseract.js纯JS OCR库，无需修改原生配置即可在Expo托管环境下运行，支持多语言识别，适合简单印刷体的离线识别场景。

以下是最简实现示例：

import * as ImagePicker from 'expo-image-picker';
import Tesseract from 'tesseract.js';

const pickImageAndOCR = async () => {
  // 申请相册权限
  const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
  if (status !== 'granted') {
    alert('需要获取相册访问权限');
    return;
  }

  // 选择图片
  const pickResult = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: ImagePicker.MediaTypeOptions.Images,
    allowsEditing: true,
    base64: true
  });

  if (pickResult.canceled) return;

  // 执行OCR识别，支持中英文混合识别
  const recognizeResult = await Tesseract.recognize(
    pickResult.assets[0].uri,
    'chi_sim+eng',
    {
      logger: m => console.log(m) // 可选：打印识别进度
    }
  );

  console.log('OCR识别结果：', recognizeResult.data.text);
};

2. Expo裸工作流（更高性能需求场景） #

如果你对端侧识别速度、准确率有更高要求，可以执行expo prebuild切换到裸工作流，集成基于原生MLKit封装的React Native OCR库，支持手写体识别、结构化卡片（身份证、银行卡）识别等复杂场景，端侧识别速度比纯JS方案提升3倍以上。

注意事项 #

• 纯JS端侧OCR方案对模糊图片、复杂手写体的识别准确率有限，高要求场景优先选择服务端识别方案
• tesseract.js首次运行需要下载对应语言的训练数据，建议在用户首次使用OCR功能前提前预加载资源，减少等待时间

内容的提问来源于stack exchange，提问作者edak