[React Native] WebView로 Android PDF 링크 띄우기
2023. 5. 17. 17:53
Front-end/App
안드로이드의 WebView에서 PDF 관련 링크를 띄우려고 할 때, SSL 인증서의 문제로 발생할 수 있다. 기본적으로 WebView는 안전하지 않은 SSL 인증서를 가진 웹 사이트에 대해 경고를 표시하고 해당 사이트에 접속을 차단한다. 차단을 풀고 접속하는 방법에 대해 알아보자. 1. WebView 컴포넌트의 ignoreSslError 추가 2. AndroidManifest.xml에서 보안 설정 변경 매니페스트에서 "android:usesCleartextTracffic" 속성을 추가하여 앱이 텍스트 트래픽을 사용할 수 있게 변경한다. ... 3. 강제로 구글 드라이브로 이동하여 표시하기 const { url } = route.params; const googleDriveUrl = `https://dri..
react-native-config로 .env 환경변수 설정하기
2022. 10. 26. 19:50
Front-end/App
환경변수를 관리하기 위해 .env를 적용할 수 있게 하는 라이브러리입니다. React와는 다르게 .env를 생성하고 네이티브단과 연동하는 작업이 필요합니다. 그 연동하는 것을 도와주는 라이브러리라고 생각하면 됩니다. 라이브러리 설치 yarn add react-native-config npx pod-install ios iOS // AppDelegate.mm 에서 해당 구문 추가 #import Android // setting.gradle 에서 해당 구문 추가 include ':react-native-config' project(':react-native-config').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-..
[React Native] 안드로이드 릴리즈 버전일 때 튕기는 경우(react-native-svg 라이브러리 적용 확인)
2022. 7. 30. 18:35
Front-end/App
RN단에서도 디버그버전에서도 잘 되는데, 릴리즈 버전에서 svg을 사용한 화면으로 네이게이트하면 곧바로 튕기는 경우가 있다.(에러 구문은 기억이 안남) 이 경우 react-native-svg 라이브러리를 이용하여 svg를 사용하고 아래 설정을 해놓지 않아서 그렇다. android/app/proguard-rules.pro 해당 경로로 들어가 아래 구문을 추가해주고 저장하면 된다. -keep public class com.horcrux.svg.** {*;} 출처는 교과서에.. https://github.com/react-native-svg/react-native-svg#problems-with-proguard GitHub - react-native-svg/react-native-svg: SVG library..