一套Flutter程式碼多端執行

一套Flutter程式碼多端執行

本文不打算介紹功能程式碼,分享一個YouTube關於Flutter的分享影片

最後更新 2021/7/10 下午11:29
沙漠尽头的狼
預計閱讀 1 分鐘
分類
Flutter
標籤
Flutter Android Desktop iOS Mac

參考影片:https://www.youtube.com/watch?v=_uOgXpEHNbc

影片配套原始碼:https://github.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard

文中截圖原始碼(站長跟著影片學習寫的):https://github.com/dotnet9/FlutterTest/tree/main/src/admin_panel

本文不打算介紹功能程式碼,大家如有興趣可點擊上面的影片或原始碼參考。

程式碼結構

看程式碼檔案雖多,其實每個 dart 檔案程式碼只有幾十行而已。面板分為各個小模組 dart 檔案,最後組合在一起顯示。

先看看 Mac 桌面顯示(Windows 桌面類似):

桌面

網頁版(按 F12,跟前端一樣的除錯)

網頁

iOS(iPhone 12 Pro Max 模擬器)

Android(模擬器)

原影片錄製一小段

有興趣嗎?回到文章開頭,點擊影片(或原始碼)學習吧。

繼續探索

延伸閱讀

更多文章