React Native WebView에서 Intent 사용

18 Dec 2020

ProblemReact-Native에서 WebView1를 이용할 경우 (특히 안드로이드에서) Intent가 동작하지 않는 경우가 있다.대표적으로 많이 사용하는 카카오링크 공유하기 기능을 사용할 때 카카오 JavaScript SDK에서는Intent로 카카오 링크를 전송하는데 WebView에 이 기능이 구현 되있지 않으면 아래와 같은 net::ERR_UNKNOWN_URL_SCHEME 에러 메시지를 보게 될 것이다.SolutionReact-Native에서는 이를 해결하기 위해서는 먼저 react-native-send-intent2 를 설치해야 한다.npm install react-native-send-intent --saveyarn add...


React Native에서 ref의 null 문제

14 Dec 2020

ProblemReact-Native를 이용해서 웹뷰가 포함된 앱을 개발하는 과정에서 WebView 컴포넌트의 새로고침 및 네비게이션 등을 처리하기 위해서 ref가 필요한 경우가 있었다. 그런데 이때 앱을 처음 실행 했을 때는 문제가 없었지만 앱을 사용하다보면 갑자기 ref가 null이 되는 문제가 발생했다. 내 경우는 아래와 같이 구현했고 함수형 컴포넌트를 이용했었다.const webview = React.createRef();...<WebViewref={webview}Solution클래스 컴포넌트에서는 createRef를 사용해도...


react-native 프로젝트 생성 후 안드로이드 빌드 오류

04 Nov 2020

Problem최근 react-native^0.63를 이용하여 새 프로젝트 생성 하고 안드로이드 환경의 앱을 실행할 때 아래와 같이 NoClassDefFoundError와 관련된 에러를 경험했다.npx react-native initerror Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details.Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081java.lang.NoClassDefFoundError: Could...