Gathering detailed insights and metrics for react-native-vision-camera-text-recognition-new
Gathering detailed insights and metrics for react-native-vision-camera-text-recognition-new
Installations
npm install react-native-vision-camera-text-recognition-newDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
18.20.3
NPM Version
10.7.0
Languages
7
Kotlin
Swift
TypeScript
Objective-C++
Ruby
Objective-C
JavaScript
Kotlin (39.57%)
Swift (36.47%)
TypeScript (16.06%)
Objective-C++ (4.79%)
Ruby (2.62%)
Objective-C (0.31%)
JavaScript (0.18%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
83 Stars
17 Commits
35 Forks
2 Watchers
1 Branches
2 Contributors
Updated on Jul 12, 2025
Maintainers
1
Package Meta Information
Latest Version
2.1.1
Package Id
react-native-vision-camera-text-recognition-new@2.1.1
Unpacked Size
44.42 kB
Size
12.17 kB
File Count
22
NPM Version
10.7.0
Node Version
18.20.3
Published on
Jan 26, 2025
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
2
Dev Dependencies
21
@commitlint/config-conventional@evilmartians/lefthook@react-native/eslint-config@release-it/conventional-changelog@types/jest@types/reactcommitlintdel-clieslinteslint-config-prettiereslint-plugin-prettierjestprettierreactreact-nativereact-native-builder-bobreact-native-vision-camerareact-native-worklets-corerelease-itturbotypescript
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
1npm install react-native-vision-camera-text-recognition 2yarn 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
1import React, { useState } from 'react' 2import { useCameraDevice } from 'react-native-vision-camera' 3import { Camera } from 'react-native-vision-camera-text-recognition'; 4 5function App (){ 6 const [data,setData] = useState(null) 7 const device = useCameraDevice('back'); 8 console.log(data) 9 return( 10 <> 11 {!!device && ( 12 <Camera 13 style={StyleSheet.absoluteFill} 14 device={device} 15 isActive 16 options={{ 17 language: 'latin' 18 }} 19 mode={'recognize'} 20 callback={(d) => setData(d)} 21 /> 22 )} 23 </> 24 ) 25} 26 27export default App; 28 29 30
🌍 For Translate Text
1import React, { useState } from 'react' 2import { useCameraDevice } from 'react-native-vision-camera' 3import { Camera } from 'react-native-vision-camera-text-recognition'; 4 5function App (){ 6 const [data,setData] = useState(null) 7 const device = useCameraDevice('back'); 8 console.log(data) 9 return( 10 <> 11 {!!device && ( 12 <Camera 13 style={StyleSheet.absoluteFill} 14 device={device} 15 isActive 16 options={{ 17 from: 'en', 18 to: 'de' 19 }} 20 mode={'translate'} 21 callback={(d) => setData(d)} 22 /> 23 )} 24 </> 25 ) 26} 27 28export default App; 29
Also You Can Use Like This
1import React from 'react'; 2import { StyleSheet } from "react-native"; 3import { 4 Camera, 5 useCameraDevice, 6 useFrameProcessor, 7} from "react-native-vision-camera"; 8import { useTextRecognition } from "react-native-vision-camera-text-recognition"; 9 10function App() { 11 const device = useCameraDevice('back'); 12 const options = { language : 'latin' } 13 const {scanText} = useTextRecognition(options) 14 const frameProcessor = useFrameProcessor((frame) => { 15 'worklet' 16 const data = scanText(frame) 17 console.log(data, 'data') 18 }, []) 19 return ( 20 <> 21 {!!device && ( 22 <Camera 23 style={StyleSheet.absoluteFill} 24 device={device} 25 isActive 26 mode={'recognize'} 27 frameProcessor={frameProcessor} 28 /> 29 )} 30 </> 31 ); 32} 33export default App; 34 35
⚙️ Options
| Name | Type | Values | Default |
|---|---|---|---|
| language | string | latin, chinese, devanagari, japanese, korean | latin |
| mode | string | recognize, translate | recognize |
| from,to | string | See Below | en,de |
Recognize By Photo 📸
1import { PhotoRecognizer } from "react-native-vision-camera-text-recognition"; 2 3const result = await PhotoRecognizer({ 4 uri:assets.uri, 5 orientation: "portrait" 6}) 7console.log(result); 8
🚨 Orientation available only for iOS, recommendation give it when you are using Camera.
| Name | Type | Values | Required | Default | Platform |
|---|---|---|---|---|---|
| uri | string | yes | android, iOS | ||
| orientation | string | portrait, portraitUpsideDown, landscapeLeft, landscapeRight | no | portrait | iOS |
You can also remove unnecessary translation model
1import { RemoveLanguageModel } from "react-native-vision-camera-text-recognition"; 2 3const bool = await RemoveLanguageModel("en")
Supported Languages.
<h3>Afrikaans: 🇿🇦, 🇨🇫 <---> code : "af"</h3>
<h3>Albanian: 🇦🇱 <---> code : "sq"</h3>
<h3>Arabic: 🇦🇪, 🇸🇦 <---> code : "ar"</h3>
<h3>Belarusian: 🇧🇾 <---> code : "be"</h3>
<h3>Bulgarian: 🇧🇬 <---> code : "bn"</h3>
<h3>Bengali: 🇧🇩 <---> code : "bg"</h3>
<h3>Catalan: 🏴 <---> code : "ca"</h3>
<h3>Czech: 🇨🇿 <---> code : "cs"</h3>
<h3>Welsh: 🏴 <---> code : "cy"</h3>
<h3>Danish: 🇩🇰 <---> code : "da"</h3>
<h3>German: 🇩🇪 <---> code : "de"</h3>
<h3>Greek: 🇬🇷 <---> code : "el"</h3>
<h3>English: 🇬🇧, 🇺🇸 <---> code : "en"</h3>
<h3>Esperanto: 🌍 <---> code : "eo"</h3>
<h3>Spanish: 🇪🇸 <---> code : "es"</h3>
<h3>Estonian: 🇪🇪 <---> code : "et"</h3>
<h3>Persian: 🇮🇷 <---> code : "fa"</h3>
<h3>Finnish: 🇫🇮 <---> code : "fi"</h3>
<h3>French: 🇫🇷 <---> code : "fr"</h3>
<h3>Irish: 🇮🇪 <---> code : "ga"</h3>
<h3>Galician: 🏴 <---> code : "gl"</h3>
<h3>Gujarati: 🏴 <---> code : "gu"</h3>
<h3>Hebrew: 🇮🇱 <---> code : "he"</h3>
<h3>Hindi: 🇮🇳 <---> code : "hi"</h3>
<h3>Croatian: 🇭🇷 <---> code : "hr"</h3>
<h3>Haitian: 🇭🇹 <---> code : "ht"</h3>
<h3>Hungarian: 🇭🇺 <---> code : "hu"</h3>
<h3>Indonesian: 🇮🇩 <---> code : "id"</h3>
<h3>Icelandic: 🇮🇸 <---> code : "is"</h3>
<h3>Italian: 🇮🇹 <---> code : "it"</h3>
<h3>Japanese: 🇯🇵 <---> code : "ja"</h3>
<h3>Georgian: 🇬🇪 <---> code : "ka"</h3>
<h3>Kannada: 🇨🇦 <---> code : "kn"</h3>
<h3>Korean: 🇰🇷, 🇰🇵 <---> code : "ko"</h3>
<h3>Lithuanian: 🇱🇹 <---> code : "lt"</h3>
<h3>Latvian: 🇱🇻 <---> code : "lv"</h3>
<h3>Macedonian: 🇲🇰 <---> code : "mk"</h3>
<h3>Marathi: 🇮🇳 <---> code : "mr"</h3>
<h3>Malay: 🇲🇾 <---> code : "ms"</h3>
<h3>Maltese: 🇲🇹 <---> code : "mt"</h3>
<h3>Dutch: 🇳🇱 <---> code : "nl"</h3>
<h3>Norwegian: 🇳🇴 <---> code : "no"</h3>
<h3>Polish: 🇵🇱 <---> code : "pl"</h3>
<h3>Portuguese: 🇵🇹 <---> code : "pt"</h3>
<h3>Romanian: 🇷🇴 <---> code : "ro"</h3>
<h3>Russian: 🇷🇺 <---> code : "ru"</h3>
<h3>Slovak: 🇸🇰 <---> code : "sk"</h3>
<h3>Slovenian: 🇸🇮 <---> code : "sl"</h3>
<h3>Swedish: 🇸🇪 <---> code : "sv"</h3>
<h3>Swahili: 🇰🇪 <---> code : "sw"</h3>
<h3>Tamil: 🇱🇰 <---> code : "ta"</h3>
<h3>Telugu: 🇮🇳 <---> code : "te"</h3>
<h3>Thai: 🇹🇭 <---> code : "th"</h3>
<h3>Tagalog: 🇵🇭 <---> code : "tl"</h3>
<h3>Turkish: 🇹🇷 <---> code : "tr"</h3>
<h3>Ukrainian: 🇺🇦 <---> code : "uk"</h3>
<h3>Urdu: 🇵🇰 <---> code : "ur"</h3>
<h3>Vietnamese: 🇻🇳 <---> code : "vi"</h3>
<h3>Chinese: 🇨🇳 <---> code : "zh"</h3>
No vulnerabilities found.
No security vulnerabilities found.