1、界面分析 通過下圖我們可以拆分成 4 部分，頭部、訂單標題區域、訂單列表區域、ListTitle同用部分。 2、UI編寫 2.1、頭部 主要用到了圓形頭像裁剪組件-ClipOval 2.2、訂單標題區域 使用 ListTile 編寫 ...

1、導航單元素的編寫 從外部看，導航是一個GridView部件，但是每一個導航又是一個上下關系的Column。小伙伴們都知道Flutter有多層嵌套的問題，如果我們都寫在一個組件里，那勢必造成嵌套嚴重，不利於項目以后的維護工作。所以我們單獨把每一個自元素導航拿出來，一個方法，返回一個組件 ...

01.Flutter實戰課程介紹02.Flutter實戰建立項目和編寫入口文件03.底部導航欄制作04.底部導航欄切換效果05.Dio基礎_引入和簡單的Get請求06.Dio基礎_Get請求和動態組件協作07.Dio基礎_POST請求的使用08.Dio基礎_偽造請求頭獲取數據09.首頁_項目結構 ...

環境搭建請參考之前寫的一篇文章：Flutter_初體驗_創建第一個應用 1、創建項目 采用AndroidStudio構建本項目，FIle>New>New Flutter Project… 創建后的項目如下圖所示： 我們着重需要注意一下 ...

關於界面切換以及底欄的實現可參考之前寫的一篇文章：Flutter實 ViewPager、bottomNavigationBar界面切換 1、新建4個基本dart文件 在pages目錄下，我們新建下面四個dart文件。 home_page.dart :商城首頁UI頁面，首頁 ...

一直想系統性的學習一下 Flutter，正好看到該課程《Flutter移動電商實戰》的百度雲資源，共 69 課時，由於怕自己堅持不下去（經常學着學着就不學了），故采用博客監督以記之。 1、項目相關截圖 2、項目知識點梳理圖 Dio2.0: Dio是一個 ...

1、cupertino_IOS風格介紹 在Flutter里是有兩種內置風格的： material風格： Material Design 是由 Google 推出的全新設計語言，這種設計語言是為手機、平板電腦、台式機和其他平台提供一致，更廣泛的外觀和感覺。我喜歡稱它為紙墨設計 ...

1、引入flutter_swiper插件 flutter最強大的siwiper, 多種布局方式，無限輪播，Android和IOS雙端適配. 好牛X得介紹，一般敢用“最”的一般都是神級大神，看到這個介紹后我也是吃了碗賈玲代言的方便面（一桶半），壓了壓我激動的心情 ...