Flutter第4期 滑動抽屜

2021-09-29 19:20:26 字數 1649 閱讀 3100

廢話不多說開搞!!!!!

好,接下來我們要去新增乙個抽屜。

在這之前我們需要先了解下 scaffold 控制項。以下是官方文件對 scaffold 的描述。

簡單來說,這個類提供了 material design 布局結構的基本實現。此類提供了用於顯示drawer、snackbar和底部sheet的api。

我們開啟 scaffold 看下引數。

我們找到了這個drawer,開擼**。

我們在 scaffold 下新增 drawer 屬性

class _myhomepagestate extends state

}

你現在的抽屜應該是張這個樣子了

文字跑到最上面去了,沒關係我們來繼續給他新增內容。

如果是側邊欄可能有很多項,可能需要滑動,遇到這個問題,以往的經驗,我們使用list view 或者 scroll view 等實現,這裡我們用listview去實現。同樣,我們先去看下lsitview的官方文件。有興趣的可以去看看,我們直接上**。我們來看結果。

我們現在來美化以下,使用 listtile 來代替text。listtile 是乙個固定高度的行,通常包含一些文字,以及乙個行前或行尾圖示。

對比下最終效果,我們在去做乙個頭部的個人資訊。好在google已經為我們想好了,並且提供了支援。最終**。

大功告成~~

實際上**沒有什麼含量,我們這裡總結以下這裡面遇到的ui控制項。

《我的成長》4月下 2023年第3期(總第3期)

華強北,無處不山寨 09 04 05 摘要 yilog來深圳快乙個月了,今天終於有機會見見面,我們跑去華強北逛了逛,我也順便體驗一下nokia 5800 xm。可是被太多的山寨 給雷到了,想找個水貨都不容易。心得 聽說華強北很山寨,但沒有想到如此猖獗。海上世界 09 04 06 昨天和yilog約好...

刷野打怪上王者 C 篇 第4期 注釋

c 注釋 要寫出好程式,一方面要實現特定的功能,另外一方面就是能夠讓別人看懂自己寫的 那怎麼讓人更好的看懂自己的 一是要有良好的命名規則 這個已經在上篇說過啦 二是要有寫程式注釋的習慣。在c 程式設計中的注釋主要有兩個 單行注釋和多行注釋。單行注釋其實就是在程式行前新增 cout hello wor...

雲場景實踐研究第4期 小魚兒科技

趙興國 小魚兒科技聯合創始人兼cto 採用的阿里雲產品 為什麼使用阿里雲 關於 小魚兒科技 北京小魚兒科技 於2014年3月在北京成立,是一家致力於研發網際網路硬體和智慧型家電的創新型公司。公司在創立之初就獲得了光速安振和創新工場的a輪投資。2015年5月完成b輪融資,投資方包括創新工場 成為資本 ...