react-native

React-native background-position 사용법

의외로 간단하다. width:null (타입스크립트의 경우에는 null로 하면 빨간줄 생겨서 undefined로 함) 그리고 좌 우측 아래 위로 더 짜르고 싶은 경우에는 borderBottomWidth: -30 이런 식으로 음수를 주는 경우를 택하기도 한다. 물론 Width 값이 null이나 undefined와 같이 정확한 값을 가리키지 않는 것을 전제로 한다. css로 치면 background-position 을 사용하는 것과 거의 동일하다고 볼 수 있다.

react-native android webView 에러

에러내용 경로 / error: cannot find symbol if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) { ^ symbol: variable Q location: class VERSION_CODES 이 에러는 웹뷰 사용시 android에서만 나타나는 에러인데, sdk버전을 높여주면 된다. 나같은 경우엔 안드로이드 스튜디오 키고 가장 바깥쪽(최상단)에 위치한 build.gradle에 compileSdkVersion = 29 targetSdkVersion = 29 으로 버전업을 해주니까 이슈가 해결되었다.

자꾸 까먹는 react-native ios proj 오픈

.workspace 파일을 열어야한다. 또한 scheme 별 설정이 가능하다. 초기 설정은 debug로 설정되어있으나 release모드를 따로 관리할 수도 있다.

리액트 네이티브 웹뷰 자바스크립트 삽입(injection)

React-Native WebView JavaScript 삽입 후 이벤트까지 네이티브로 실행시켜보는 예제이다. 버전은 0.61이고, 공식문서에는 window.postMessage라고해서 했더니 안되길래 버근줄알았는데 스택오버플로우에 window.ReactNativeWebView.postMessage란다.. 여하튼 해결! const appData = (event) => { Alert.alert(event.nativeEvent.data); } const eventScript = ` document.querySelector(".submit").addEventListener("click", function() { send(); }) function send() { window.ReactNativeWebView...