Gathering detailed insights and metrics for react-native-vision-camera-text-recognition
Gathering detailed insights and metrics for react-native-vision-camera-text-recognition
Installations
npm install react-native-vision-camera-text-recognitionDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
20.16.0
NPM Version
10.8.1
Score
41.4
Supply Chain
54.6
Quality
77
Maintenance
50
Vulnerability
93.2
License
Contributors
2
Unable to fetch Contributors
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
27,254
Last Day
37
Last Week
652
Last Month
4,884
Last Year
27,254
GitHub Statistics
53 Stars
17 Commits
10 Forks
2 Watching
1 Branches
2 Contributors
Maintainers
1
Package Meta Information
Latest Version
3.1.1
Package Id
react-native-vision-camera-text-recognition@3.1.1
Unpacked Size
84.04 kB
Size
21.63 kB
File Count
70
NPM Version
10.8.1
Node Version
20.16.0
Publised On
12 Aug 2024
Total Downloads
Cumulative downloads
Total Downloads
27,254
Last day
-86.8%
37
Compared to previous day
Last week
-54.7%
652
Compared to previous week
Last month
-21.6%
4,884
Compared to previous month
Last year
0%
27,254
Compared to previous year
Daily Downloads
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
Versions
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.