Package Exports

@react-native-ml-kit/text-recognition
@react-native-ml-kit/text-recognition/index.ts

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@react-native-ml-kit/text-recognition) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@react-native-ml-kit/text-recognition

React Native On-Device Text Recognition w/ Google ML Kit

Getting started

npm install @react-native-ml-kit/text-recognition --save

Linking

React Native > 0.59

CLI autolink feature links the module while building the app.

React Native <= 0.59

react-native link @react-native-ml-kit/text-recognition

Installing Pods

On iOS, use CocoaPods to add the native RNMLKitTextRecognition to your project:

npx pod-install

Usage

import TextRecognition from '@react-native-ml-kit/text-recognition';

const result = await TextRecognition.recognize(imageURL);

console.log('Recognized text:', result.text);

for (let block of result.blocks) {
  console.log('Block text:', block.text);
  console.log('Block frame:', block.frame);

  for (let line of block.lines) {
    console.log('Line text:', line.text);
    console.log('Line frame:', line.frame);
  }
}

You can also recognize text in scripts other than Latin by specifying the needed script as below:

import TextRecognition, {
  TextRecognitionScript,
} from '@react-native-ml-kit/text-recognition';

const result = await TextRecognition.recognize(
  imageURL,
  // Script for Japanese, you can also use Chinese, Korean, Divanagari and of course Latin.
  TextRecognitionScript.JAPANESE
);