在React Native Webview中加载带有本地css、js的本地HTML

ghg1uchk 于 2022-12-16 发布在 React

关注(0)|答案(1)|浏览(162)

我想要载入本地html，css，js文件在我的react本地webview但是我不能载入应用到html的css引用我的文件夹结构

在上面是我的html和沿着css图像和js文件，我把所有在我的应用程序文件夹结构如下
src --〉html --〉demo --〉paster此图像中的所有上述文件参考以下图像

现在我在我的实际屏幕中使用这个html，如下所示

let demoHtmlData = require('../../../html/demo/demo.html')
<WebView
  style={{flex: 1}}
  source={demoHtmlData}
/>

当我运行上面的代码html加载，但css在不适用的颜色，样式等。

<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>

在上面的代码css/style.css没有应用我的webview所以任何想法我怎么能解决这个问题？

Html

来源：https://stackoverflow.com/questions/74820463/load-local-html-with-local-css-js-in-react-native-webview

1条答案

按热度按时间

zz2j4svz1#

你能在路径的末尾加上.html吗？

let demoHtmlData = require('../../../html/demo.html')
<WebView
  style={{flex: 1}}
  source={demoHtmlData}
/>

赞(0）回复(0）举报 2022-12-16

我来回答

在React Native Webview中加载带有本地css、js的本地HTML

1条答案

相关问题

热门标签

最新问答