从另一个 HTML 文件加载本地 HTML - React native Android

Question

我正在使用以下代码将 webview 加载到本地文件中，

<WebView
    originWhitelist={["*"]}
    allowFileAccess={true}
    javaScriptEnabled={true}
    androidLayerType={"hardware"}
    source={Platform.OS === "android" ? { uri: "file:///android_asset/about.html" } : require("./constants/about.html")}
 />

在这里，“about.html”在内部引用了另一个 HTML 文件。

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        p {
            color:black;font-family:arial;font-size:12px;
        }
    </style>
</head>
<body>
   <p>Welcome</p>
   <p>
     Referring another Local HTML<a target="_blank" href=“another_Local.html">link</a>.
 </p>

</body> 

但是此实现在 iOS 平台上运行良好，但在 Android 平台上同样不起作用。请提出建议。

Answer 1

您可能需要使用 react-native-fs 或 expo-file-system 来加载 react-native 应用程序中的任何文件。