rn-doc-scanner-android
rn-doc-scanner-android copied to clipboard
Published
20 hours ago •
Diastorm
Diastorm
React-Native Document Scanner for Android
rn-doc-scanner-android
Installation 🚀
Optional
react-native-git-upgrade
or delete node_modules folder
react-native upgrade
create-react-native-app rndocscannerExample
cd rndocscannerExample
yarn add https://github.com/Diastorm/rn-doc-scanner-android.git
yarn eject
select React Native: first option
react-native link
open android/build.gradle
inside allprojects->repositories
allprojects {
repositories {
...
mavenCentral()
maven {
url 'https://maven.google.com'
}
maven {
url "http://dl.bintray.com/steveliles/maven"
}
maven {
url "https://jitpack.io"
}
}
}
open
android/app/src/main/AndroidManifest.xml
inside manifest tag
<manifest ...
xmlns:tools="http://schemas.android.com/tools"
>
inside application tag
<application
...
tools:replace="android:allowBackup"
>
open android/app/build.gradle
change compileSdkVersion xx
to
compileSdkVersion 26
run react-native run-android --deviceId xxxx
where xxxx is from adb devices
Usage 💃
RNDocScanner
| Property | Type | Parameters | Description |
|---|---|---|---|
getDocumentCrop |
Function |
(disableAutoFocus: Bool) |
If disableAutoFocus equal true, then it will launch cam and you take the picture, otherwise it will autoFocus and take the picture automatically. After that it will lead to the view which enable you to crop the picture. |
Example
import { RNDocScanner } from 'rn-doc-scanner'
import { Text, TouchableOpacity, Platform } from 'react-native'
const ScanButton = (props) => {
const onPressScan = async () => {
if (Platform.OS === 'android') {
try {
const image = await RNDocScanner.getDocumentCrop(true)
console.log(image)
} catch (err) {
console.log(err)
}
}
}
return (
<TouchableOpacity onPress={onPressScan}>
<Text>Scan</Text>
</TouchableOpacity>
)
}
export default ScanButton
Diastorm