將本地Web應用程序包含在本機webview中

Question

在我的react-native應用程序中，我想顯示一個webview，它加載一個本地html5 Web應用程序（單頁面應用程序，SPA）。

我能夠加載一個html文件，該文件位於相關文件夾webapp中

var webapp = require('./webapp/index.html');

和

<WebView source={webapp}></WebView>

不幸的是，這個本地webapp的資產，如.js和.css文件，不是由webapp加載的。

在react-native app的開發過程中，這些文件可通過開發服務器獲得。 但是，當應用程序在iOS設備上打包並運行時，資產不可用（我在Safari開發人員工具中遇到404錯誤）。

我怎樣才能確保webapp文件夾中的所有資產（JS，CSS等）都在打包的本地應用程序中可用。

Answer 1

通過設置baseURL，WebView知道在哪里查找鏈接到的css / js

喜歡：

<WebView baseURL="/webApp" html={html} />

檢查github上的問題的答案：

或者通過nick-weaver閱讀這個詳細答案的例子：從資源中將javascript加載到UIWebView中