본문 바로가기

React-Native

(4)
react native kakao login 에러 해결 react-native-kakao-login 라이브러리를 적용하던 중 ios 에서 access 토큰을 받아오지 못하고 아래와 같은 에러로그가 찍혀서 해결한 과정입니다. - Error: The operation couldn’t be completed. (KakaoSDKCommon.SdkError error 2.) 1. 카카오 디벨롭퍼에서 플랫폼 ios에서 번들 ID 등록이 되어 있는지 확인하기. - 번들 ID 는 xcode의 general탭에서 identity를 보면 확인할 수 있고 수정도 가능하다. 2. 카카오 디벨로퍼 간편가입 메뉴에서 ON으로 되어 있는지 확인하기
[RN] 자동으로 android emulator 가 켜지지 않을때 https://reactnative.dev/docs/0.65/environment-setup 위의 리액트 네이티브 환경설정 가이드대로 준비를 마쳤다면 npx react-native run-android 명령어를 통해 메트로 서버가 켜지는 동시에 에뮬레이터가 자동으로 켜져야 한다. 에뮬레이터가 켜지지 않을 경우 다음과 같은 순서로 잘못된 부분을 찾아볼 수 있을 거 같아서 정리한다. 1. 현재 리액트 네이티브 버전에 맞는 환경변수가 .zshrc에 추가되어 있는지 확인해보자. 예를 들어 0.65 공식문서의 경우 추가하라는 변수가 아래와 같지만, export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export..
[RN] AutoHeightWebview crash with navigation react-native-webview가 있는 페이지에서 react-native-navigation으로 페이지가 이동할때 실제 디바이스에서 앱이 죽는 이슈가 있어서 해결방법을 찾아보았다. 우선 이 문제는 많은 RN 개발자들이 겪는 문제로 이미 해결방법이 크게 두가지로 나와 있었다. webview에 style={{ opacity: 0.99 }} 를 넣어야 하거나, androidLayerType="software"를 속성으로 넣는 방법이다. androidLayerType은 androidHardwareAccelerationDisabled가 Deprecated되고 대체되어 사용되어지는 속성이니 참고로 알아두자. 처음에는 webView의 속성으로 androidLayerType="software" 을 넣어서 테스트를..
[react-navie] SDK location not found. Define location with an ANDROID_SDK_ROOT 리엑트 네이티브에서 npm run android 명령어를 실행했을 경우 다음과 같은 에러가 났다. error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong: Could not determine the dependencies of task ':app:compil..