웹인스토리

REACT-NATIVE 안드로이드 웹뷰에서 파일 업로드 카메라 권한 요청 android/src/main/java/com/reactnativecommunity/webview/ RNCWebViewModule.java RNCWebViewModule.java 파일 수정 @ReactModule(name = RNCWebViewModule.MODULE_NAME) public class RNCWebViewModule extends ReactContextBaseJavaModule implements ActivityEventListener { private static final int PICKER = 1; private static final int PICKER_LEGACY = 3; private static final..

어떤 경우에는 앱에서 작업을 시작하기 전에 장치가 인터넷에 연결되어 있는지 확인할 필요가 있을때 Netinfo 라이브러리를 사용하여 확인할 수 있으며 애플리케이션의 React Native 버전에 따라 다릅니다. RN : 버전> = 0.60 import NetInfo from "@react-native-community/netinfo"; NetInfo.fetch().then(state => { console.log("Connection type", state.type); console.log("Is connected?", state.isConnected); }); isConnected: boolean, Type: none, wifi, bluetooth, cellular. RN : 버전 { console.l..

Android 에서 react-native-webview (웹뷰) 카드 결제 또는 외부앱 실행하기 1. react-native-send-intent 라이브러리를 이용해 인텐트 호출 - install npm install react-native-send-intent --save react-native link react-native-send-intent 2. android/setting.gradle 파일에 아래의 코드를 추가 include ':RNSendIntentModule', ':app' project(':RNSendIntentModule').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-send-intent/an..

www.embusinessproducts.com/how-to-add-a-custom-push-notification-sound-on-ios-and-android-with-react-native-firebase-and-fcm/ How to add a custom push notification sound on iOS and Android with React Native Firebase and FCM | EMBP I want to document how I got custom push notification sounds working on iOS and Android with the React Native Firebase library and Firebase Cloud Messaging (FCM). The ..

IOS 14 관련 RN 오류 ios14 push(알림) 퍼미션 해결방안입니다.. firebase모듈을 최신버전으로 업데이트 buildSetting-packaging-productName이 영어를 사용해야 함 (앱이름을 info.plist에서 변경하지 않고 general에서 변경하면 productName이 변경될 수도 있음) ios gif 이미지 반복횟수 오류(최소2번 돌아감) 수정방법입니다. rn 63.2 node_modules/react-native/libraries/image/RCTAnimatedImage.m 파일수정 원본 : if(loopCount!=0) 수정 : if(loopCount!=0 && loopCount!=1) ios 14 외부url 이미지가 나오지 않는 버그 react-native 업그..

지난 금요일 거래처에게 앱 테스트를 요청하기위해 release 하고 난 다음 월요일 출근해서 작업을 할려고 하니 아래와 같은 에러가 발생했다. C:\App\Test>npx react-native run-android -- --reset-cache error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting `project.android.sourceDir` option to point to a new location. Run C..

RN 개발관련 링크정리입니다. - RN 개발 모듈과 이슈, 개발방법 git https://github.com/jondot/awesome-react-native - nativebse : RN 프레임워크 https://docs.nativebase.io/ - 윈도우 RN 개발환경 구축시 참고 https://dev-yakuza.github.io/ko/react-native/install-on-windows/ - RN 앱아이콘 및 스플래시 만들기 https://dev-yakuza.github.io/ko/react-native/react-native-make/ - RN 모듈 인기순 정리 https://www.awesome-react-native.com/#Components-Forms =================..

react-native 0.62 버전에서 오류 발생 하단의 멘뉴 터치시 toast 에도 영향을 주는것 같아서 처리하고 에러 해결하고 정상적으로 작동이 잘됨 import { YellowBox } from 'react-native'; YellowBox.ignoreWarnings([ 'Animated: `useNativeDriver` was not specified.', ]);

react-native 최초 설치 후 안드로이드 스튜디오로 실행할 경우 위와 같은 오류 발생할때 1. [패키지명]/android/app/src/main/assets 폴더가 있는지 확인하고 없으면 생성 2. [패키지명]/android 폴더에서 ./gradlew clean 실행 3. [패키지명] 폴더에서 아래 명령어 실행 react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res 4. react-native run-android

React Native 프로젝트 생성 준비 1. 리액트 네이티브 CLI 명령어 사용하여 프로젝트 생성 react-native init Test 2. 타입스크립트, Styled Components, babel-plugin-root-import 를 개발의 편의를 위해 설치 cd Test npm install --save styled-components npm install --save-dev typescript @types/react @types/react-native @types/styled-components babel-plugin-root-import 3. 타입스크립트 설정을 위해 tsconfig.json 생성 { "compilerOptions": { "allowJs": true, "allowSynth..