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