일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- styled component
- styled component is not working
- styled component 작동 안될때
- 프론트앤드
- 타입스크립트
- React Native navigation
- SafeArea 커스텀
- gsap 기초
- 웹뷰 페이지 로딩
- React-Native 공부
- react이론
- safari wiondow.open
- styled component 작동안함
- react native safeArea
- React-Native IOS
- 퍼블리셔
- scrollIntoView scrollTo
- rn webview page loading
- gsap
- js 특정 위치로 이동
- 임고미
- React Native SafeArea Custom
- input 숫자입력
- reactnative 웹뷰 페이지 로딩
- JS
- slick slider 간격
- react
- RN navitate push
- 리액트
- 트윈맥스 기초
Archives
- Today
- Total
목록웹뷰 페이지 로딩 (1)
개발공부 임고미
[React Native] 웹뷰내에서 페이지 로딩값 구하기
리액트 네이티브 웹뷰내에서 페이지간 이동할때 로딩값을 확인하고 싶었으나,. WebviewEvent에서 보여주는 loading은 웹뷰가 처음 실행될때만 바뀌고 그 이후에는 계속 변화가 없는 의미없는 값이었다. 해당 값으로는 웹뷰가 처음으로 로딩될때 어떤 컴포넌트를 보여줄지를 컨트롤하는데 사용되고 있었다. 그래서 페이지간 로딩값을 어떻게 구할 수 있을지 고민하다 한가지 얻은 답은 웹뷰의 injectedJavaScript을 이용하는 것이었다. injectedJavaScript은 웹뷰내에서 작동될 JS를 적어줄 수 있는 곳인데, 이곳에 내가 원하는 코드를 삽입함으로써 이문제를 해결할 수 있었다. 해결책은 다음과 같았다. 웹뷰 현재 링크(currentUrl)와 NavigationStatechange에서 주는 ur..
프론트엔드
2022. 10. 21. 14:11