Saya mahu memuatkan fail html, css, js tempatan dalam React Native WebView saya tetapi saya tidak dapat memuatkan css yang digunakan pada html, lihat struktur folder saya
Di atas ialah html saya bersama-sama dengan imej css dan fail js, saya meletakkan semuanya ke dalam struktur folder aplikasi saya seperti di bawah
src --> html -->
Sekarang saya menggunakan html ini dalam skrin sebenar seperti yang ditunjukkan di bawah
let demoHtmlData = require('../../../html/demo/demo.html')
<WebView
style={{flex: 1}}
source={demoHtmlData}
/>
Apabila saya menjalankan kod di atas, html dimuatkan tetapi css tidak digunakan dengan warna, gaya, dll.
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> <title>VIVJOA®</title> <meta name="apple-mobile-web-app-status-bar-style" content="#7D5895"> <meta name="theme-color" content="#7D5895" /> <link href="css/style.css" rel="stylesheet"> </head>Dalam kod css/style.css di atas tidak digunakan pada paparan web saya, jadi ada idea bagaimana untuk membetulkannya?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda perlu meletakkan fail html dan css anda dalam folder android_asset dalam folder android, dan untuk folder ios letakkannya dalam sumber dalam folder ios.
if(isAndroid){ return (Lebih banyak rujukan datang daripada: WebView Html dimuatkan dari tempatan