React Native 로 구현한 바코드 스캐너 앱입니다. (Android 기기에서만 테스트된 앱입니다.)
![screenshot_1](https://private-user-images.githubusercontent.com/49121916/246981497-c1a45bdf-7752-4acf-ab3f-60f09a56a7d8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUyODMyNzYsIm5iZiI6MTcyNTI4Mjk3NiwicGF0aCI6Ii80OTEyMTkxNi8yNDY5ODE0OTctYzFhNDViZGYtNzc1Mi00YWNmLWFiM2YtNjBmMDlhNTZhN2Q4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAyVDEzMTYxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZkOGRjYjNkNWU4ODQ4ZDQ2YTFkOWEyNzliOWEwODE5N2M0NGE0YTVmOTk5NmI0ZDA5NTRkMTEyZTEyMDg0ZjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ph5GZWTFsf6mvhGxyBcQdUKBjtOwcO8aoku_kiqm7uA)
![screenshot_2](https://private-user-images.githubusercontent.com/49121916/246981507-a776a54f-cd3e-4e5a-b47e-e47bef71b3c0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUyODMyNzYsIm5iZiI6MTcyNTI4Mjk3NiwicGF0aCI6Ii80OTEyMTkxNi8yNDY5ODE1MDctYTc3NmE1NGYtY2QzZS00ZTVhLWI0N2UtZTQ3YmVmNzFiM2MwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAyVDEzMTYxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU1MDlhZjBiYTNmNWZmMTgwZDRhNGFlN2VmZGI0NWYzNTc1YmUyNDZiM2E3ZjZhMDQyNzhiNDM0N2Q4YjZhZjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.OiR4du7DH1uDLIuYATqmUPS2GzreKbE7U5Z9ynACrHA)
npm install
cd android && ./gradlew clean
yarn android
- 구버전 React Native 에서
react-native-camera-kit
을 사용하려면 다음과 같이 설정해야합니다.
android/build.gradle
에 다음과 같이 Kotlin 버전을 추가합니다.
buildscript {
ext {
kotlin_version = "1.6.21"
}
dependencies {
classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version")
}
}
android/build.gradle
에서 버전을 다음과 같이 설정합니다.
buildscript {
ext {
buildToolsVersion = "29.0.2"
minSdkVersion = 23
compileSdkVersion = 31
targetSdkVersion = 29
}
}
여기서 중요한 부분은 minSdkVersion
인데, 해당 버전은 react-native-camera-kit
라이브러리 버전에 따라 달라질 수 있습니다.
프로젝트를 실행 했을 때 이와 관련된 오류가 뜬다면, 오류 메시지에 minSdkVersion
에 대한 버전을 설정하라는 메시지가 출력될 것입니다.
node_modules/react-native-camera-kit/android/build.gradle
을 확인합니다.
compileSdkVersion
, buildToolsVersion
, minSdkVersion
, targetSdkVersion
을 확인하고, android/build.gradle
에서 확인한 버전과 동일 한지 확인합니다.
만약 동일하지 않다면 android/build.gradle
에 설정된 버전으로 동일하게 설정해주세요.
android/app/main/AndroidManifest.xml
에서 카메라 접근 권한을 추가합니다.
<uses-permission android:name="android.permission.INTERNET" />
...
<uses-permission android:name="android.permission.CAMERA" />