WebView (3) 썸네일형 리스트형 expo webview 안드로이드에서 이미지가 표시 안될때 startInLoadingState={true} javaScriptEnabled={true} domStorageEnabled={true} originWhitelist={['*']} mixedContentMode='always' 를 추가하시면 이미지가 잘 표시됩니다. react native webVIew를 HOOK으로 호출할떄 ref사용방법 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의 로딩속도가 느릴경우. react native의 webview는 이미지가 다 로딩이 되어야 렌더링이 된다. 그렇기 때문에 lazy 로딩등 이미지 순차로딩을 사용할 경우 빠르게 로딩이 가능하다. jquery 아래에 아래 스크립트를 삽입한다. 이미지 태그를 아래와 같이 다 변경한다. 페이지의 가장 하단에 아래 스크립트를 삽입한다. 이렇게 하면 네이티브 앱과 속도차이가 거의 없는 웹뷰를 제작할 수 있다. 이전 1 다음