둘에서 하나로....

function test(){ const [page, setPage] = useState(0); const [refreshing, setRefresh] = useState(false); const onRefresh = () => { setPage(10); // 이 부분이 적용 안됨. setRefresh(true); // 이 부분이 적용 안됨 } } 위와 같이 했는데... onRefresh가 호출은 되지만 변수가 변경이 되지 않는 문제가 있다. 이럴때는 아래와 같이 변경하므로써 해결 가능하다. const onRefresh = useCallback(async () => { setPage(0); setRefresh(false); }, [refreshing]); 참고용 메모..

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 아래에 아래 스크립트를 삽입한다. 이미지 태그를 아래와 같이 다 변경한다. 페이지의 가장 하단에 아래 스크립트를 삽입한다. 이렇게 하면 네이티브 앱과 속도차이가 거의 없는 웹뷰를 제작할 수 있다.