Cordova：我可以在div中顯示本機應用程序組件嗎？

Question

我正在考慮使用Cordova構建移動應用程序。主要驅動因素是我希望能夠將應用程序移植到多個平臺，而無需重新編寫表示層。我喜歡Angular和jQuery Mobile，與開發多個原生表示層相比，我覺得可以用更少的工作量生成高質量的演示文稿。

需要注意的是應用程序的一個組件稍微複雜一些。我想利用本地SDK編寫這個特定的組件，並使其與我的應用程序的其餘部分無縫地工作 - 作爲嵌入式子視圖。我認爲我可以通過編寫一個Cordova插件來優雅地解決這個問題。通過閱讀文檔，我瞭解瞭如何編寫一個「無頭」插件，或者在Web視圖前面打開並在活動時覆蓋顯示的插件。但是，我可以在網頁應用程序中的<div>中顯示帶UI的插件嗎？例如，假設我的本地組件是本地「地址簿」視圖（在iOS中，此模塊具有呈現其顯示的ViewController）。我想將它呈現在頁面中的某個地方，其中我仍然可以看到我的應用程序標題 - 不會讓它在我的整個應用程序上方彈出，直到完成我的選擇。

我看到可以將CordovaWebView嵌入到本機應用程序中。但我想知道是否也可以採用其他方式。

Answer 1

據我所知Cordova/PhoneGap不允許webview內部的本地組件。

有一個用於訪問設備聯繫人列表/地址簿here的插件。有了這個，你可以得到所有聯繫人列表，並將它們用你自己的用戶界面插入你的應用程序。這可能稍微多些工作，但它應該完成工作。

Answer 2

您可以在webview中使用本地組件，但不能將它們嵌入到html元素中，這意味着本地組件將保留在html中。

通過一些工作，你可以使它適合div的位置，所以它看起來好像在div裏面，但是如果你的html頁面已經滾動了，那麼可能很難做到不可能使本地視圖移動與滾動。