A plugin to Scanning Text,Translate using ML Kit Text Recognition and ML Kit Translation. With High Performance and many features.
npm install react-native-vision-camera-text-recognitionA plugin to Scanning Text,Translate using ML Kit Text Recognition and ML Kit Translation. With High Performance and many features.
``sh`
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. ๐
js
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 && (
device={device}
isActive
options={{
language: 'latin'
}}
mode={'recognize'}
callback={(d) => setData(d)}
/>
)}
)
}
export default App;
`$3
js
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 && (
device={device}
isActive
options={{
from: 'en',
to: 'de'
}}
mode={'translate'}
callback={(d) => setData(d)}
/>
)}
)
}
export default App;
`$3
js
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 && (
device={device}
isActive
mode={'recognize'}
frameProcessor={frameProcessor}
/>
)}
);
}
export default App;
`
---
โ๏ธ 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 ๐ธ
js
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.
| Name | Type | Values | Required | Default | Platform |
|:-----------:|:------:|:-----------------------------------------------------------:|:--------:|:--------:|:------------:|
| uri | string | | yes | | android, iOS |
| orientation | string | portrait, portraitUpsideDown, landscapeLeft, landscapeRight | no | portrait | iOS |
$3
js
import { RemoveLanguageModel } from "react-native-vision-camera-text-recognition";const bool = await RemoveLanguageModel("en")
`
Supported Languages.