둘에서 하나로....

startInLoadingState={true} javaScriptEnabled={true} domStorageEnabled={true} originWhitelist={['*']} mixedContentMode='always' 를 추가하시면 이미지가 잘 표시됩니다.

export default function App() { const wvRef = useRef(); return( ); function test(){ let text = "123123"; wvREF.current.injectJavaScript(`(function(){ window.alert('`+text+`'); })(); `); }; } HOOK형태로 사용할때는 current를 넣어주셔야 합니다. >_

react native의 webview는 이미지가 다 로딩이 되어야 렌더링이 된다. 그렇기 때문에 lazy 로딩등 이미지 순차로딩을 사용할 경우 빠르게 로딩이 가능하다. jquery 아래에 아래 스크립트를 삽입한다. 이미지 태그를 아래와 같이 다 변경한다. 페이지의 가장 하단에 아래 스크립트를 삽입한다. 이렇게 하면 네이티브 앱과 속도차이가 거의 없는 웹뷰를 제작할 수 있다.