React-Native/Error
-
[React-Native][HotFix] Android apk errorReact-Native/Error 2022. 11. 16. 22:48
2022년 11월 09일에 빌드나 싱크 과정은 오류 없이 잘 되었으나, Android에서 apk를 추출하는 과정에서 에러가 발생했습니다. 새로운 라이브러리나 업데이트를 한적도 없는데 코틀린 버전에 관한 에러 문구가 뜨면서 apk가 추출이 되지 않았습니다. 그러나 위의 오류 때문에 apk가 추출이 안된 것이 아녔습니다. 원인 react-native의 버전의 오류 때문에 생긴 apk error 였습니다. https://github.com/facebook/react-native/issues/35210 [FIXED] Android build failures `No matching variant of com.facebook.react:react-native:0.71.0-rc.0 was found.` · Issue..
-
[React-Native][Android][Error] APK Error (Duplicate resources)React-Native/Error 2022. 11. 12. 10:57
Android Studio에서 APK를 추출하는 과정에서 발생한 에러입니다. 원인 - Android에서 리소스 파일 중복 오류 - 이름은 같으며, 확장자만 다른 파일들이 있을 경우에 발생 해결 방법 node_modules -> react-native -> react.gradle 파일에서 doFirst {} 밑에 아래의 코드 추가 doFirst { ... } doLast { def moveFunc = { resSuffix -> File originalDir = file("$buildDir/generated/res/react/release/drawable-${resSuffix}"); if (originalDir.exists()) { File destDir = file("$buildDir/../src/main..
-
[React-Native][Error] patch-package errorReact-Native/Error 2022. 11. 10. 00:03
환경 : webStorm, Mac OS Git에서 다른 팀원들이 저장해 놓은 Branch에서 필요한 라이브러리를 설치하기 위해 npm install을 했습니다. 그러나 라이브러리 설치 도중에 patch-package error가 발생했습니다. 원인 - patch-package 파일을 저장할 때와 clone 받은 OS의 환경이 다를 때 발생 - OS가 파일을 저장하는 과정에서 저장하는 방법이 다르기 때문. - ex) patch-package파일을 수정한 곳 ( 맥 OS ) -> patch-package을 clone 한 곳( window ) => error (반대 상황도 동일) - Mac OS일 경우 LF 형식으로 저장, window일 경우 CRLF로 저장 해결 방법 - patch-package로 생성된 파..
-
[React-Native][Android][Error] Android button not working errorReact-Native/Error 2022. 11. 7. 00:12
Error react-native로 앱을 개발하는 도중에 button을 만들었습니다. ios에서는 button의 onPress 기능이 동작을 잘했으나, android에서는 button의 기능이 동작하지 않는 오류가 발생했습니다. 그래서 log로 터치를 인식하는지를 확인했으나 터치 기능이 동작하지 않는 것을 확인했습니다. 해결 방안 기존의 button과 다르게 style에 { position: absolute }를 사용하고 있었습니다. stack overflow에서 button의 style에 이러한 옵션을 넣어서 사용하는 경우에 이러한 현상이 발생한다는 답변을 받았습니다. style에 { position: absolute }제거 하고, style을 설정하니 정상 동작하였습니다.
-
[React-Native][Error] /usr/local/lib/node_modules/react-native-cli/index.js:302 errorReact-Native/Error 2022. 10. 23. 20:18
react native 프로젝트를 새로 생성할 때 발생했던 오류입니다. 원인 react-native 0.69.0의 새로운 버전에서 생기는 오류였습니다. 해결방법 react-native 0.69.0이 아닌 다른 버전으로 프로젝트를 생성하시면 됩니다. npx react-native init projectName --version 0.68.2 위와 같은 방법으로 버전을 수정해서 실행시켜 줍니다. 참고 https://github.com/facebook/react-native/issues/34055#issuecomment-1164390603 TypeError: cli.init is not a function · Issue #34055 · facebook/react-native Description npx reac..
-
[React-Native][Android][Error] Android targetSdkVerSion 배포 리젝React-Native/Error 2022. 9. 6. 21:32
Android 앱을 배포하기 위해서 aab 파일을 Google Play Console에 올렸으나 현재 앱이 30의 API 수준을 타겟팅하고 있지만, 보안 및 성능에 최적화된 최신 API를 기반으로 앱을 빌드하려면 API 수준 31 이상을 타겟팅해야 합니다. 앱의 타겟팅 API 수준을 31 이상으로 변경하세요. 위 와 같은 오류 문구가 떠서 배포 파일을 업로드를 할 수가 없었습니다. 기존에는 compileSdkVersion, targetSdkVersion을 둘다 30으로 세팅을 해서 배포를 했습니다. 그런데 최근에 구글 정책에서 신규앱을 출시할 때에는 targetSdkVersion을 최소 31 버전으로 해야 출시가 가능하다고 하며, 기존의 앱은 올해 11월까지 targetSdkVersion을 31로 업데이..
-
[React-Native][Android][Error]React native TouchableOpacity onPress not working on AndroidReact-Native/Error 2022. 9. 6. 21:12
RN으로 개발하는 도중에 버튼이 Android에서만 작동되지 않는 오류가 발생했습니다. 그런데 가끔씩 Style에 position: absolute을 사용하면은 경우에 이러한 이슈가 발생한다고 합니다. Style을 다시 셋팅해주니 정상적으로 android, iOS 둘 다 작동을 잘하였습니다. 출처 https://stackoverflow.com/questions/53548361/react-native-touchableopacity-onpress-not-working-on-android React native TouchableOpacity onPress not working on Android TouchabelOpacity works fine on iOS but the onPress method does n..
-
[React-Native][iOS][Error] You specified `onScroll` on a <ScrollView> but not `scrollEventThrottle`. You will only receive one event. Using `16` you get all the events but be aware that it may cause frame drops, use a bigger number if you don't need as ..React-Native/Error 2022. 9. 3. 14:49
ScrollView를 사용하면 iOS에서 작동할 때 위와 같은 오류가 발생하는 경우가 있습니다. ScrollView에서 onScroll 이벤트를 사용하는데 scrollEventThrottle을 정의하지 않아서 발생하는 오류 입니다. scrollEventThrottle란? - 스크롤하는 동안 발생하는 이벤트의 빈도를 설정합니다. - scrollEventThrottle={0}은 스크롤을 하려고 터치하고 드래그를 하는 순간이벤트가 단 한 번 실행됨 - scrollEventThrottle={1}은 드래그를 하는 동안 계속 실행됨 참고 https://talkwithcode.tistory.com/62 [React Native] You specified `onScroll` on a but not `scrollEve..