flutter Material Design 風格組件

原創 名字是真的不好起 2020-06-11 03:02

目錄

MaterialApp 應用組件

Drawer 抽屜

AlertDialog

操作按鈕的對話框

card

邊框 陰影的卡片組件

FloatingActionButton

浮動按鈕

FlatButton

扁平按鈕

scaffold

腳手架組件
appbar
body
bottomNavigationBar
drawer
floatingActionButton

snackbar

simpleDialog

簡單提示，無交互

AppBar

應用按鈕組件，應用工具欄組件,分爲兩類。appbar 和 SliverAppbar
appbar:固定應用最上面
SliverAppbar:跟隨內容滑動

Tabbar 水平選項組件

TextField 文本框組件

PopupMenuButton 選項菜單

BottomNavigationBar 底部導航組件

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

flutter在Widget樹中獲取State對象

由於StatefulWidget的的具體邏輯都在其State中，所以很多時候，我們需要獲取StatefulWidget對應的State對象來調用一些方法，比如Scaffold組件對應的狀態類ScaffoldState中就定義了打開Snack

原創 2023-10-09 23:41:20

flutter參數及生命週期

參數 按照慣例，widget的構造函數參數應使用命名參數，命名參數中的必要參數要添加@required標註，這樣有利於靜態代碼分析器進行檢查。另外，在繼承widget時，第一個參數通常應該是Key，另外，如果Widget需要接收子Widg

原創 2023-10-09 23:41:19

深入理解Flutter相機插件【Flutter專題22】

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

坚果前端 2021-12-15 17:03:56

Flutter 將整個App變爲灰色（勿忘國殤 警鐘長鳴）【Flutter專題21】

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"headin

坚果前端 2021-12-13 11:13:49

Flutter 自動化測試 | InfoQ 《公開課》

視頻簡介 在 Google 推出 Flutter 開發框架後，Flutter 在移動端跨平臺的研發效率得到了顯著提升。相較於研發效率的提升，自動化測試支持的程度相對落後，仍需對不同的平臺做獨立的測試。那該如何在現有自動化測試基礎上實現一個輕

InfoQ 中文站 2021-12-09 12:34:02

貝殼跨端之路——從 0 到 1 接入Flutter實戰

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragr

王莹 2021-12-09 12:34:02

Flutter 2.5 的新特性【Flutter專題12】

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"headin

坚果前端 2021-12-03 11:48:57

Flutter自定義日曆【Flutter 專題 11】

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

坚果前端 2021-12-02 14:03:51

貝殼Flutter調試工具-FDB

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"開源地址","att

贝壳大前端技术团队 2021-12-02 12:03:59

2021 最佳開源軟件榜單出爐，Flutter、StreamNative 上榜

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

辛晓亮 2021-12-01 11:18:54

2021 Google開發者大會精彩回顧

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":3}},{"type":"paragraph","attrs":{"indent":0,"nu

王莹 2021-11-22 10:08:54

Flutter 的 Deferred Components

應用體積是開發者最大的顧慮之一。利用 Dart 將代碼 AOT 編譯爲獨立庫的新功能，Flutter 的延遲加載組件可讓您實現在運行時下載預編譯的代碼和資源。 直達 Google 開發者在線課程，收穫 Flutter 技術乾貨 https:

谷歌 2021-11-22 09:18:51

使用 Flutter 構建自適應跨平臺應用

Flutter 現已支持移動設備、桌面設備、web 等多達 6 個平臺。瞭解相關最佳實踐，讓您的應用在良好適配每個平臺的同時，實現最大程度的代碼複用。 直達 Google 開發者在線課程，收穫 Flutter 技術乾貨 https://de

谷歌 2021-11-22 09:18:51

爲何要使用 null 安全 功能

“Null 安全”是一項新推出的基本語言功能，由多人共同開發。在這裏，其中一位開發者將向您介紹如何利用該功能改善 Dart 代碼編寫體驗、防止出錯以及怎樣生成更小且更快的二進制文件。 直達 Google 開發者在線課程，收穫 Flutter

谷歌 2021-11-22 09:13:51

利用延遲加載提升 Flutter 應用性能

在本次專題演講中，您將瞭解如何通過延遲加載內容來優化性能，這種做法的侷限，以及 Flutter 如何讓您默認即可實現更流暢的用戶體驗。 直達 Google 開發者在線課程，收穫 Flutter 技術乾貨 https://developers

谷歌 2021-11-22 09:13:51