리액트 네이티브5 [React Native] SVG 파일 사용 시, 터치이벤트 이슈 react-native-svg를 이용하여 svg파일을 컴포넌트로 적용으로 성공하였으나 이벤트를 주려고 하니 문제가 발생하였다. iOS만;; command + d를 눌러 Show Inspector로 확인해보니 영역을 이상하게 잡고 있는 부분이 확인되었다 구글신에게 물어보니 2가지 해결책을 제시해 준다 1. pointerEvents="none" function SvgComponent() { return ( // Svg 컴포넌트 ) } 2. overflow: hidden function SvgComponent() { return ( // Svg 컴포넌트 ) } 속성에 대한 정보는 직접 찾아보기로 하고 일단 여기까지 끝. 2022. 4. 5. [React Native] iOS Multiple commands produce... .ttf 또는 .otf 관련 에러 커스텀 폰트를 추가하려다 react-native link 명령어를 사용했더니... 두둥! 이런 에러를 Xcode에서 내뿜는다. 뿜뿜!! 확인해보니 react-native link 명령어로 인해 react-native-vector-icons에서 잠자고 있던 리소스들을 깨워(?) 중복이 발생하여 벌어지는 에러이다 위 이미지를 보면 react-native-vector-icons도 보이고 Zocial.ttf도 보인다 그래서 .ttf 관련 파일들의 참조를 없애주면 해결 가능하다 (추가로 android는 문제없었으며 iOS에서만 발생했다) 위 이미지와 관련된 에러를 Xcode에서 확인 시, Build Phases > Copy Bundle Resources에서 커스텀 폰트(.ttf나 .otf 파일)를 제외한 나머지 .. 2022. 3. 10. [React Native] .jsx 확장자 사용시 에러 및 설정 방법 프로젝트를 생성하고 .js 파일만으로도 충분히 개발이 가능하다 하지만 개발시 명시적인게 좋아서 JSX 파일에 .jsx 확장자를 사용하고 설정하는 방법을 알아보자 일단 프로젝트를 새로 생성 후 보이는 App.js 파일을 App.jsx로 바꾸고, npx react-native start npx react-native run-ios yarn이 설치되어 있다면 npx대신 사용해도 된다 Metro와 Application을 다시 실행해보면 에러가 발생한다 에러메시지 중, None of these files exist라고 나오면서 .jsx로 바꾼 파일명 뒤에 (.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios... 2021. 3. 14. [React Native] iOS 실행시 에러(Flipper 관련) Xcode: 12.4 react: "16.13.1" react-native: "0.63.4" 새로운 프로젝트 생성 후 npx react-native run-ios를 실행했는데 에러가 발생했다. 뭐지?! 터미널을 확인해보니, warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 8.0, but the range of supported deployment target versions is 9.0 to 14.4.99. (in target 'Flipper' from project 'Pods') 그리고 Xcode에서는 event2/event-config.h file not found 이런 경고가 있어서 검색을 해보았다.. 2021. 3. 8. [React Native] Android Error **해결한 방법 중 하나일 뿐이니 참고만 해주세요!** ## react-native-firebase:compileDebugJavaWithJavac FAILED 에러 내용을 따라가보면 RNFirebaseNotificationManager getNotificationChannelGroup()에서 에러가 났다. if문을 보면 Build.VERSION.SDK_INT >= 28로 되어 있는 것을 확인할 수 있다. 이는 라이브러리 버전이 업그레이드되면서 추가된 메서드이다. **해결방법**은 compileSdkVersion을 28로 맞추거나 firebase 라이브러리를 현재 사용하고 있는 compileSdkVersion에 맞는 버전으로 맞춰야할 것이다. ## Execution failed for task ':app:.. 2019. 4. 16. 이전 1 다음
