로컬 CSS 및 js를 사용하여 React Native Webview에서 로컬 HTML 로드

Question

React Native WebView에서 로컬 html, css, js 파일을 로드하고 싶지만 html에 적용된 CSS를 로드할 수 없습니다. 내 폴더 구조를 확인하세요

위는 CSS 이미지 및 js 파일과 함께 내 HTML입니다. 모든 것을 아래와 같이 내 앱 폴더 구조에 넣습니다

src --> html --> 데모 --> 위의 모든 파일을 아래 이미지에 붙여넣으세요

이제는 아래와 같이 실제 화면에서 이 HTML을 사용하고 있습니다

으아아아

위 코드를 실행하면 html은 로드되지만 CSS에는 색상, 스타일 등이 적용되지 않습니다.

으아아아

위 코드에서 css/style.css는 내 webview에 적용되지 않습니다. 이 문제를 해결하는 방법을 아시나요?

Answer 1

html, css 파일은 android 폴더 안의 android_asset 폴더에 넣어주시고, ios 폴더의 경우 ios 폴더의 resources 폴더에 넣어주시면 됩니다.

으아악

추가 참조 출처: 로컬에서 로드된 WebView Html