react-native-vision-camera-text-recognition

A plugin to Scanning Text,Translate using ML Kit Text Recognition and ML Kit Translation. With High Performance and many features.

🚨 Required Modules

react-native-vision-camera = 4.5.1
react-native-worklets-core = 1.3.3

💻 Installation

npm install react-native-vision-camera-text-recognition
yarn add react-native-vision-camera-text-recognition

👷Features

Easy To Use.
Works Just Writing few lines of Code.
Works With React Native Vision Camera.
Works for Both Cameras.
Works Fast.
Works With Android 🤖 and IOS.📱
Writen With Kotlin and Swift.
Can Recognize Text From Photo. 📸
Can translate text. 🌍

💡 Usage

📚 For Live Recognition Text

import React, { useState } from 'react'
import { useCameraDevice } from 'react-native-vision-camera'
import { Camera } from 'react-native-vision-camera-text-recognition';

function App (){
  const [data,setData] = useState(null)
  const device = useCameraDevice('back');
  console.log(data)
  return(
    <>
      {!!device && (
         setData(d)}
        />
      )}
    
  )
}

export default App;

🌍 For Translate Text

import React, { useState } from 'react'
import { useCameraDevice } from 'react-native-vision-camera'
import { Camera } from 'react-native-vision-camera-text-recognition';

function App (){
  const [data,setData] = useState(null)
  const device = useCameraDevice('back');
  console.log(data)
  return(
    <>
      {!!device && (
         setData(d)}
        />
      )}
    
  )
}

export default App;

Also You Can Use Like This

import React from 'react';
import { StyleSheet } from "react-native";
import {
  Camera,
  useCameraDevice,
  useFrameProcessor,
} from "react-native-vision-camera";
import { useTextRecognition } from "react-native-vision-camera-text-recognition";

function App() {
  const device = useCameraDevice('back');
  const options = { language : 'latin' }
  const {scanText} = useTextRecognition(options)
  const frameProcessor = useFrameProcessor((frame) => {
    'worklet'
    const data = scanText(frame)
    console.log(data, 'data')
  }, [])
  return (
    <>
      {!!device && (
        
      )}
    
  );
}
export default App;

⚙️ Options

Recognize By Photo 📸

import { PhotoRecognizer } from "react-native-vision-camera-text-recognition";

const result = await PhotoRecognizer({
    uri:assets.uri,
    orientation: "portrait"
})
console.log(result);

🚨 Orientation available only for iOS, recommendation give it when you are using Camera.

You can also remove unnecessary translation model

import { RemoveLanguageModel } from "react-native-vision-camera-text-recognition";

const bool = await RemoveLanguageModel("en")

Supported Languages.

<h3>Afrikaans: 🇿🇦, 🇨🇫 &lt;---&gt; code : "af"</h3>
<h3>Albanian: 🇦🇱 &lt;---&gt; code : "sq"</h3>
<h3>Arabic: 🇦🇪, 🇸🇦 &lt;---&gt; code : "ar"</h3>
<h3>Belarusian: 🇧🇾 &lt;---&gt; code : "be"</h3>
<h3>Bulgarian: 🇧🇬 &lt;---&gt; code : "bn"</h3>
<h3>Bengali: 🇧🇩 &lt;---&gt; code : "bg"</h3>
<h3>Catalan: 🏴 &lt;---&gt; code : "ca"</h3>
<h3>Czech: 🇨🇿 &lt;---&gt; code : "cs"</h3>
<h3>Welsh: 🏴󠁧󠁢󠁷󠁬󠁳󠁿 &lt;---&gt; code : "cy"</h3>
<h3>Danish: 🇩🇰 &lt;---&gt; code : "da"</h3>
<h3>German: 🇩🇪 &lt;---&gt; code : "de"</h3>
<h3>Greek: 🇬🇷 &lt;---&gt; code : "el"</h3>
<h3>English: 🇬🇧, 🇺🇸 &lt;---&gt; code : "en"</h3>
<h3>Esperanto: 🌍 &lt;---&gt; code : "eo"</h3>
<h3>Spanish: 🇪🇸 &lt;---&gt; code : "es"</h3>
<h3>Estonian: 🇪🇪 &lt;---&gt; code : "et"</h3>
<h3>Persian: 🇮🇷 &lt;---&gt; code : "fa"</h3>
<h3>Finnish: 🇫🇮 &lt;---&gt; code : "fi"</h3>
<h3>French: 🇫🇷 &lt;---&gt; code : "fr"</h3>
<h3>Irish: 🇮🇪 &lt;---&gt; code : "ga"</h3>
<h3>Galician: 🏴 &lt;---&gt; code : "gl"</h3>
<h3>Gujarati: 🏴 &lt;---&gt; code : "gu"</h3>
<h3>Hebrew: 🇮🇱 &lt;---&gt; code : "he"</h3>
<h3>Hindi: 🇮🇳 &lt;---&gt; code : "hi"</h3>
<h3>Croatian: 🇭🇷 &lt;---&gt; code : "hr"</h3>
<h3>Haitian: 🇭🇹 &lt;---&gt; code : "ht"</h3>
<h3>Hungarian: 🇭🇺 &lt;---&gt; code : "hu"</h3>
<h3>Indonesian: 🇮🇩 &lt;---&gt; code : "id"</h3>
<h3>Icelandic: 🇮🇸 &lt;---&gt; code : "is"</h3>
<h3>Italian: 🇮🇹 &lt;---&gt; code : "it"</h3>
<h3>Japanese: 🇯🇵 &lt;---&gt; code : "ja"</h3>
<h3>Georgian: 🇬🇪 &lt;---&gt; code : "ka"</h3>
<h3>Kannada: 🇨🇦 &lt;---&gt; code : "kn"</h3>
<h3>Korean: 🇰🇷, 🇰🇵 &lt;---&gt; code : "ko"</h3>
<h3>Lithuanian: 🇱🇹 &lt;---&gt; code : "lt"</h3>
<h3>Latvian: 🇱🇻 &lt;---&gt; code : "lv"</h3>
<h3>Macedonian: 🇲🇰 &lt;---&gt; code : "mk"</h3>
<h3>Marathi: 🇮🇳 &lt;---&gt; code : "mr"</h3>
<h3>Malay: 🇲🇾 &lt;---&gt; code : "ms"</h3>
<h3>Maltese: 🇲🇹 &lt;---&gt; code : "mt"</h3>
<h3>Dutch: 🇳🇱 &lt;---&gt; code : "nl"</h3>
<h3>Norwegian: 🇳🇴 &lt;---&gt; code : "no"</h3>
<h3>Polish: 🇵🇱 &lt;---&gt; code : "pl"</h3>
<h3>Portuguese: 🇵🇹 &lt;---&gt; code : "pt"</h3>
<h3>Romanian: 🇷🇴 &lt;---&gt; code : "ro"</h3>
<h3>Russian: 🇷🇺 &lt;---&gt; code : "ru"</h3>
<h3>Slovak: 🇸🇰 &lt;---&gt; code : "sk"</h3>
<h3>Slovenian: 🇸🇮 &lt;---&gt; code : "sl"</h3>
<h3>Swedish: 🇸🇪 &lt;---&gt; code : "sv"</h3>
<h3>Swahili: 🇰🇪 &lt;---&gt; code : "sw"</h3>
<h3>Tamil: 🇱🇰 &lt;---&gt; code : "ta"</h3>
<h3>Telugu: 🇮🇳 &lt;---&gt; code : "te"</h3>
<h3>Thai: 🇹🇭 &lt;---&gt; code : "th"</h3>
<h3>Tagalog: 🇵🇭 &lt;---&gt; code : "tl"</h3>
<h3>Turkish: 🇹🇷 &lt;---&gt; code : "tr"</h3>
<h3>Ukrainian: 🇺🇦 &lt;---&gt; code : "uk"</h3>
<h3>Urdu: 🇵🇰 &lt;---&gt; code : "ur"</h3>
<h3>Vietnamese: 🇻🇳 &lt;---&gt; code : "vi"</h3>
<h3>Chinese: 🇨🇳 &lt;---&gt; code : "zh"</h3>