Flutter真香，我用它寫了個桌面版JSON解析工具

Flutter支持穩定的桌面設備開發已經一段時間了，不得不說，Flutter多平臺支持的特性真的很香。我本人并沒有任何桌面開發的經驗，但仍然使用Flutter開發出了一個桌面版小程序，功能很簡單，就是對輸入的json做格式化處理和轉模型。

成都創新互聯公司為企業級客戶提高一站式互聯網+設計服務，主要包括網站制作、網站設計、app軟件開發公司、重慶小程序開發、宣傳片制作、LOGO設計等，幫助客戶快速提升營銷能力和企業形象，創新互聯各部門都有經驗豐富的經驗，可以確保每一個作品的質量和創作周期，同時每年都有很多新員工加入，為我們帶來大量新的創意。 

話不多說，先來看看實際效果。 項目源碼地址

開發環境如下：

Flutter : 2.8.1

Dart : 2.15.1

IDE : VSCode

JSON作為我們日常開發工作中經常要打交道的一種數據格式，它共有6種數據類型： null , num , string , object , array , bool 。我們勢必對它又愛又恨。愛他因為他作為數據處理的一種格式確實非常方便簡潔。但是在我們做Flutter開發中，又需要接觸到json解析時，就會感覺非常棘手，因為flutter沒有反射，導致json轉模型這塊需要手寫那繁雜的映射關系。就像下面這樣子。

數據量少還能接受，一旦量大，那么光手寫這個解析方法都能讓你懷疑人生。更何況手寫還有出錯的可能。好在官方有個工具**json_serializable**可以自動生成這塊轉換代碼，也解決了flutter界json轉模型的空缺。當然，業界也有專門解析json的網站，可以自動生成dart代碼，使用者在生成后復制進項目中即可，也是非常方便的。

本項目以json解析為切入點，和大家一起來看下flutter是如何開發桌面應用的。

要讓我們的flutter項目支持桌面設備。我們首先需要修改下flutter的設置。如下，讓我們的項目支持 windows 和 macos 系統。

接下來使用 flutter create 命令創建我們的模版工程。

創建完項目后，我們就可以 run 起來了。

先來看下整體界面，界面四塊，分別為功能模塊、文件選擇模塊、輸入模塊、輸出模塊。

我們在新建一個桌面應用時，默認的模版又一個Appbar，此時應用可以用鼠標拖拽移動，放大縮小，還可以縮到很小。但是，我們一旦去掉這個導航欄，那么窗口就不能用鼠標拖動了，并且我們往往不希望用戶將我們的窗口縮放的很小，這會導致頁面異常，一些重要信息都展示不全。因此這里需要借助第三方組件 bitsdojo_window 。通過 bitsdojo_window ，我們可以實現窗口的定制化，拖動，最小尺寸，最大尺寸，窗口邊框，窗口頂部放大、縮小、關閉的按鈕等。

通過 InkWell 組件，可以捕捉到手勢、鼠標、觸控筆的移動和停留位置

這個功能是鼠標移動后的UI交互界面。要在窗口上顯示一個提示框，可以使用 Overlay 。需要注意的是，由于在 Overlay 上的 text 的根結點不是 Material 風格的組件，因此會出現黃色的下劃線。因此一定要用 Material 包一下 text 。并且你必須給創建的 OverlayEntry 一個位置，否則它將全屏顯示。

讀取說表拖拽的文件一開始想嘗試使用 InkWell 組件，但是這個組件無法識別拖拽中的鼠標，并且也無法從中拿到文件信息。因此放棄。后來從文章《Flutter-2天寫個桌面端APP》中發現一個可讀取拖拽文件的組件 desktop_drop ，能滿足要求。

使用開源組件 file_picker ，選完圖片后的操作和拖拽選擇圖片后的操作一致。

Textfield 如果要顯示富文本，那么需要自定義 TextEditingController 。并重寫 buildTextSpan 方法。

在做導出功能時遇到下列報錯，保存提示為沒有權限訪問對應目錄下的文件。

通過Apple的開發文檔找到有關權限問題的說明。其中有個授權私鑰的key為 com.apple.security.files.downloads.read-write ，表示 對用戶的下載文件夾的讀/寫訪問權限 。那么，使用Xcode打開Flutter項目中的mac應用，修改工程目錄下的 DebugProfile.entitlements 文件，向 entitlements 文件中添加 com.apple.security.files.downloads.read-write ，并將值設置為YES，保存后重啟Flutter項目。發現已經可以向下載目錄中讀寫文件了。

當然，這是正常操作。還有個騷操作就是關閉系統的沙盒機制。將 entitlements 文件的 App Sandbox 設置為NO。這樣我們就可以訪問任意路徑了。當然關閉應用的沙盒也就相當于關閉了應用的防護機制，因此這個選項慎用。

原文地址：

flutter external關鍵字詳解

external關鍵字估計用到人很少，在看源碼的時侯經常可以看到，如下：

我看到網上一句英文總結的很好

翻譯過來就是external用來修飾不是抽象class里的抽象方法，簡單來說， external只聲明方法，聲明的方法需要由外部去實現 ，通常是由底層sdk根據不同平臺(vm、web等)實現；若外部沒實現，則會返回null；

external聲明的方法，通過@patch注解實現 ，結構如上；

比如Object里各種external聲明方法的實現如下：

更多信息，請移步 如何找到flutter external聲明方法的實現

Flutter Dio源碼分析(四)--封裝

Flutter Dio源碼分析(一)--Dio介紹

Flutter Dio源碼分析(二)--HttpClient、Http、Dio對比

Flutter Dio源碼分析(三)--深度剖析

Flutter Dio源碼分析(四)--封裝

Flutter Dio源碼分析(一)--Dio介紹視頻教程

Flutter Dio源碼分析(二)--HttpClient、Http、Dio對比視頻教程

Flutter Dio源碼分析(三)--深度剖析視頻教程

Flutter Dio源碼分析(四)--封裝視頻教程

github倉庫地址

本文會手把手教你該怎么去封裝一個類庫，平時在我們的工作中都是拿著別人的造好的輪子在使用，這篇文章將帶你怎么去自己造輪子，以后再碰到別的類庫需要對其進行封裝的時候提供一個的思路和方法。

在前面的文章中，我們對 Dio 的基本使用、請求庫對比、源碼分析，我們知道 Dio 的使用非常的簡單，那為什么還需要進行封裝呢？有兩點如下：

當組件庫方法發生重要改變需要遷移的時候如果有多處地方用到，那么需要對使用到的每個文件都進行修改，非常的繁瑣而且很容易出問題。

當不需要 Dio 庫的時候，我們可以隨時方便切換到別的網絡請求庫，當然 Dio 目前內置支持使用第三方庫的適配器。

因為一個應用程序基本都是統一的配置方式，所以我們可以針對 攔截器 、 轉換器 、 緩存 、 統一處理錯誤 、 代理配置 、 證書校驗 等多個配置進行統一管理。

因為我們的應用程序在每個頁面中都會用到網絡請求，那么如果我們每次請求的時候都去實例化一個 Dio ，無非是增加了系統不必要的開銷，而使用單例模式對象一旦創建每次訪問都是同一個對象，不需要再次實例化該類的對象。

這是通過靜態變量的私有構造器來創建的單例模式

我們對 超時時間 、 響應時間 、 BaseUrl 進行統一設置

因為不管是 get() 還是 post() 請求， Dio 內部最終都會調用 request 方法，只是傳入的 method 不一樣，所以我們這里定義一個枚舉類型在一個方法中進行處理

我們已經把 Restful API 風格簡化成了一個方法，通過 DioMethod 來標明不同的請求方式。在我們平時開發的過程中，需要在請求前、響應前、錯誤時對某一些接口做特殊的處理，那我們就需要用到攔截器。 Dio 為我們提供了自定義攔截器功能，很容易輕松的實現對請求、響應、錯誤時進行攔截

我們發現雖然 Dio 框架已經封裝了一個 DioError 類庫，但如果需要對返回的錯誤進行統一彈窗處理或者路由跳轉等就只能自定義了

在我們發送請求的時候會碰到幾種情況，比如需要對非open開頭的接口自動加上一些特定的參數，獲取需要在請求頭增加統一的 token

在我們請求接口前可以對響應數據進行一些基礎的處理，比如對響應的結果進行自定義封裝，還可以針對單獨的 url 做特殊處理等。

我們看了轉換器的介紹，發現和攔截器的功能差不多，那為什么還要存在轉換器，有兩點：

執行流程： 請求攔截器 請求轉換器 發起請求 響應轉換器 響應攔截器 最終結果 。

只會被用于 'PUT'、 'POST'、 'PATCH'方法，因為只有這些方法才可以攜帶請求體(request body)

會被用于所有請求方法的返回數據。

在開發過程中，客戶端和服務器打交道的時候，往往會用一個 token 來做校驗，因為每個公司處理刷新token的邏輯都不一樣，我這里舉一個簡單的例子

為什么我們需要有取消請求的功能，如果當我們的頁面在發送請求時，用戶主動退出當前界面或者app應用程序退出的時候數據還沒有響應，那我們就需要取消該網絡請求，防止不必要的錯誤。

由 服務器生成 的 一小段文本信息 ，發送給瀏覽器，瀏覽器把 cookie 以kv形式保存到本地 某個目錄下的文本文件內，下一次請求同一網站時會把該 cookie 發送給服務器。

cookie 的使用需要用到兩個第三方組件 dio_cookie_manager 和 cookie_jar

因為在我們平時的開發過程中，會碰到一種情況，在進行網絡請求時，我們希望能正常訪問到上次的數據，對于用戶的體驗比較好，而不是展示一個空白的頁面，該緩存主要是 《Flutter實戰》網絡接口緩存 提供參考。

我們在程序退出后內存緩存將會消失，所以我們用 shared_preferences 進行磁盤緩存數據。

在我們用flutter進行抓包的時候需要配置 Dio 代理。由 DefaultHttpClientAdapter 提供了一個 onHttpClientCreate 回調來設置底層 HttpClient 的代理。

用于驗證正在訪問的網站是否真實。提供安全性，因為證書和域名綁定，并且由根證書機構簽名確認。

日志打印主要是幫助我們開發時進行輔助排錯

分享題目：交友源碼flutter,交友源碼下載
文章位置：http://vcdvsql.cn/article8/dsdgoip.html

成都網站建設公司_創新互聯，為您提供定制網站、移動網站建設、網頁設計公司、定制開發、商城網站、網站設計

廣告

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