Question

问题：

我应该脱机显示存储在我的react-native应用程序中的HTML页面，为此，我使用了WebView：

<WebView
   originWhitelist={['*']}
   source = {{uri:'file:///android_asset/index.html'}}
 />

但是它只加载没有css和/或js的html文件，这是我的html页面的示例：

我的HTML文件存储在：react-native-project-> android-> app-> src-> main-> assets-> web

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/styles.css"/>
</head>
<body >
    <h1>Hello World</h1>
</body>
</html>

这是我的CSS页面的示例：

我的文件css存储在：react-native-project-> android-> app-> src-> main-> assets-> web-> css

h1 {
  color:red;
}

我发现this post on medium但对我来说不起作用，而BaseUrl不起作用。

问题：

如何在react-native上离线显示带有相关文件css和js的HTML页面？

我可以使用缓存react-native-offline-cache-webview吗？

感谢您的关注，如果我的英语不正确，但我不是母语为母语的人，

react-native webview本地文件

0 个答案: