A가 대상으로 기본 응용 프로그램 반작용으로 나는 번들 패키지에서로드 JS / CSS에 대한 많은 솔루션을 본 적이 아이폰 OS 등 이 있지만하지 않는, 안드로이드 .
내 webview 코드는 다음과 같습니다.
<WebView
source={{html: html, baseUrl: `file:///android_asset/web`}}
/>
html
변수는 다음과 같이이다 :
const html = `
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<p class="someText">Foo</p>
</body>
</html>`
내 프로젝트 디렉토리는 다음과 같습니다.
app
-> assets
-> web
-> styles.css
누구든지 이것에 대한 해결책이 있다면 그것은 굉장 할 것입니다.
styles.css를 다음 경로에 배치하십시오.
/ android / app / src / main / assets
그런 다음의 baseURL을 다음으로 설정합니다 <WebView>
.
<WebView source={{html: html, baseUrl: 'file:///android_asset/'}} />
추신 : react-native run-android
스타일링을 변경할 때마다 실행 해야합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다