ReactNative

React-native background-position 사용법

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

리액트 네이티브 웹뷰 자바스크립트 삽입(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...