flutter項(xiàng)目中添加web支持

Flutter 2.5.1

楚雄州ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

在項(xiàng)目目錄下，在終端運(yùn)行以下命令：

Flutter 中文文檔 - Flutter 中文資源 | 在 Web 中展示圖片

在無法修改服務(wù)器配置的情況下可以使用html渲染。此外官方文檔中建議，如果顯示的圖片較多，使用html渲染性能更好

webview只支持移動端，其它平臺嘗試打開網(wǎng)頁

webview - web view for flutter web application - Stack Overflow

使用 package_info_plus | Flutter Package (pub.dev) 替換package_info

使用 --base-href ，可設(shè)置服務(wù)器子目錄

flutter 打包web

先運(yùn)行下,看當(dāng)前flutter 是否支持web項(xiàng)目, 如果沒有enable-web: true 則輸入 flutter config --enable-web

這時(shí)候項(xiàng)目中就包含了web文件夾.

輸入 flutter build web 就可以在build文件夾中生成web文件, 將它放到到tomcat或者其他容器就能訪問了!

附上項(xiàng)目的測試連接:

參考：

webview_flutter插件封裝實(shí)踐1 2022-06-10 周五

在Flutter中沒有WebView組件，但是有官方提供的webview_flutter插件。

其實(shí)做的事情跟原生封裝WebView組件類似。

分為url和HTML字符串兩種方式

... ...

webview_flutter: ^3.0.4

Flutter應(yīng)用開發(fā)之webview_flutter插件

flutter官方插件webview_flutter的使用示例

Flutter插件之webview_flutter簡要使用說明

九、Flutter之webview

Flutter的webview常用的第三方庫有 flutter_webview_plugin 、 webview_flutter ，后者的文檔較少，暫先學(xué)習(xí)flutter_webview_plugin。

添加依賴

導(dǎo)入包

iOS端info.plist配置，其中NSAppTransportSecurity節(jié)點(diǎn)是為了支持http協(xié)議

一個(gè)簡單的demo

要監(jiān)聽鏈接跳轉(zhuǎn)的話，實(shí)現(xiàn)onUrlChanged即可

添加依賴

導(dǎo)入包

iOS端info.plist配置

一個(gè)簡單的demo

但是在webview里點(diǎn)擊鏈接跳轉(zhuǎn)的時(shí)候，測試機(jī)有時(shí)會跳轉(zhuǎn)到系統(tǒng)瀏覽器上，并且點(diǎn)擊文本框無法彈出鍵盤，交互性很弱。

二者共同的缺點(diǎn)是與javascript難以交互，目前只能實(shí)現(xiàn)Flutter-JS傳遞信息，還沒找到可以進(jìn)行完美交互的第三方庫。并且一些常見的協(xié)議還不支持，比如撥號和調(diào)用攝像頭等，期待后續(xù)完善。

新聞名稱：flutter沒有web,flutterer
本文鏈接：http://chinadenli.net/article8/dsehcip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、自適應(yīng)網(wǎng)站、動態(tài)網(wǎng)站、微信小程序、服務(wù)器托管、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)