React Native Webview2 [React Native] WebView <img> click event 처리 react-native-webview 모듈을 이용해 html 소스를 앱에서 표시해주는 페이지를 개발하던 중, 이미지 클릭 시 이미지가 확대되도록 기능 구현을 해달라는 요청이 들어와 작업을 시작하였습니다. { console.log('onMessage Result, ', event.nativeEvent, typeof event.nativeEvent.data) if(checkImageUri(event.nativeEvent.data)){ setPressedImageUri(event.nativeEvent.data); } }} ... /> const changeHtmlTag = (text) => { let newText = text.replace(/{ return typeof uri==='string' && uri.. 2021. 7. 26. [React Native] WebView 강제 종료되는 버그 react-native-webview에서 앱이 강제 종료되는 버그가 있습니다. 위와 같은 형식으로 WebView를 사용했는데, 페이지가 마운트 혹은 언마운트될 때 앱이 강제종료되는 버그가 있어 문제 해결에 참 애를 먹었습니다. 해결책으로는 두 가지 방법을 찾았습니다. 1. androidHardwareAccelerationDisabled 첫 번째는 androidHardwareAccelerationDisabled 속성을 true로 설정해주는 것입니다. 하지만 이 방법은 넘겨주는 html이 길어지면 화면에 렌더링되지 않는 등 성능 상으로 좋지 않아 대안을 찾아보았습니다. 2. opacity:0.99, minHeight:1 두 번째 방법은 style 속성에 opacity:0.99, minHeight:1를 추가해.. 2021. 7. 22. 이전 1 다음