Only YOUng Only YOUng

WebView로부터 데이터를 전달받는 예제입니다.WevView --> react-native 단방향이며, 양방향 예제는 https://medium.com/capriza-engineering/communicating-between-react-native-and-the-webview-ac14b8b8b91a 참고하시면 됩니다. 윕뷰에서 버튼 클릭시 postMessage로 데이터를 전달하며react-native에서는 onMessage 이벤트 핸들러에서 alert를 표시하는 예제입니다.

홍미노트4x 에 앱을 올려 테스트를 하려고 하니 아래와 같은 오류가 발생합니다.com.android.ddmlib.InstallException: Failed to establish session 구글링을 해보면 대부분 MIUI기반의 샤오미폰에서 발생하는 문제 같습니다.저 역시 샤오미폰으로 "개발자 옵션 > MIUI 최적화 켜기" 항목을 비활성화 해주면 문제가 해결됩니다.

React Native base64 변환방법입니다.직접 구현해도 되고 모듈을 사용하셔도 됩니다. 여기서는 base-64 모듈을 사용해서 변환을 해보겠습니다.먼저 모듈을 설치합니다. 프로젝트 폴더안에서 아래 명령을 실행합니다. npm install base-64 그 다음은 모듈 import해서 사용하면 됩니다. import React from 'react'; import { StyleSheet, Text, View, Button } from 'react-native'; import base64 from 'base-64'; // 없는 경우 설치 : npm install base-64 export class Base64Convert extends React.Component { static navigation..

ReactNative - 네트워킹 예제 (로또당첨정보 읽어오기) 리액트네이티브 네트워킹 예제로 나눔로도 당첨정보를 읽어오는 방법입니다.api의 자세한 설명은 문서( https://facebook.github.io/react-native/docs/network.html )을 참고해주세요.

https://github.com/smok95/jksamples

ReactNative - Custom Font 사용하기 이 글은 CRNA(create-react-native-app)기반 프로젝트에서 폰트사용하는 방법이며기존 ReactNative CLI 프로젝트는 How to add and remove custom fonts in React Native를 참고해주세요. 1. 폰트파일 프로젝트에 추가사용할 폰트파일을 프로젝트 폴더내의 적당한 위치에 복사합니다.보통은 ./assets/fonts 와 같은 이름으로 만듭니다. 주의사항, otf폰트를 사용하려고 했는데 해보니 오류가 발생합니다. otf인 경우 ttf로 변환해서 사용해야 합니다. 2. 폰트 로드폰트를 사용하려면 해당 폰트가 로드가 되어야 합니다. 방법은 아래와 같이Font모듈을 import한 후import { Fo..

Expo XDE 사용시 Host가 Tunnel방식인데도 localhost로 표시될때 해결방법 잘 사용하고 있다가 어느날부터 이런 문제가 생겨서 몇일동안 고생을 했습니다.구글링해보니 아직 원인은 모르고 해결방법은 그냥 삭제 후 재설치하면 된다고 하네요...https://forums.expo.io/t/host-tunnel-only-generating-localhost-address/1585 재설치 후 다시 제대로 나옵니다.

ReactNative Getting Started 설명에 따라 차근차근 따라가다가 만난 오류화면. 프로젝트폴더/android/app/src/main 폴더에 assets 폴더를 새로 생성합니다. 아래 문자열을 그대로 복사해서 붙여넣고 실행합니다.react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/resreact-native bundle --platform android --dev false --entry-file index.js --bun..