webview - 我应该给 WebView 哪个基本 url，以便 WebView 正确加载 css 和字体文件？

Question

在我的 Native React 项目中，我想使用 WebView。 HTML是指外部的css文件，css文件是指一些自定义字体。

鉴于此层次结构:

app/
app/index.ios.js
app/android.ios.js
app/package.json
app/node_modules
app/android/
app/ios/

我应该把文件“mycss.css”和“fonts/”文件夹放在哪里我应该为 baseUrl 使用什么？在构建 ios 和 android 版本时，包管理器是否自动包含 css 和字体文件？

    <WebView style={{flex: 1}}
             source={ { html:    my_html, 
                        baseUrl: ???} } />

检查 iOS 上 WebView 背后的代码表明 baseUrl 被传递给 UIWebView。这个 StackOverFlow 问题 How can I add an external stylesheet to a UIWebView in Xcode?展示了如何从 Objective C 设置 baseUrl，但 Native React 中的等价物是什么？

NSURL *mainBundleURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];
[self.webView loadHTMLString:htmlString baseURL:mainBundleURL];

FWIW 我正在 iOS 上开发(但希望有一种方法可以在两个平台上进行这项工作)。

Answer 1

以下有效。

添加了一个文件夹 web 并使用了这个结构:

app/web/mycss.css
app/web/fonts

使用 web/ 作为基本 url。

拼图的最后一 block 是将 web 文件夹添加到 XCode 项目(在 XCode 中执行此操作)。否则，web 文件夹中的文件不会包含在为 ios 设备构建的 bundle 中。