时间戳

首页 > 解决方案 > react-native webview 本地文件

android - react-native webview 本地文件

问题描述

问题：

我应该离线显示存储在我的 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;
}

我在 medium 上找到了这篇文章，但不适用于我，而且 BaseUrl 也不起作用。

问题：

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

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

感谢您的关注，如果我的英语错了，我很抱歉，但我不是母语者再见

标签： androidreact-nativewebview

解决方案

推荐阅读