題記
—— 執(zhí)劍天涯，從你的點滴積累開始，所及之處，必精益求精。

---

Flutter是谷歌推出的最新的移動開發(fā)框架。

【x1】微信公眾號的每日提醒 隨時隨記 每日積累 隨心而過 文章底部掃碼關(guān)注

【x2】各種系列的視頻教程 免費開源 關(guān)注 你不會迷路

【x3】系列文章 百萬 Demo 隨時 復(fù)制粘貼 使用

【x4】五分鐘視頻快速帶你瀏覽構(gòu)建

【x5】一目了然的源碼

---

如下圖所示，你的APP項目中一定會應(yīng)用到這樣的場景，只不過是文案不一樣而已。

頁面的主體使用 Scaffold 來搭建，包括一個按鈕與一個顯示文本Text，代碼如下：

class

showModalBottomSheet 是Flutter中全局封裝的一個快捷打開底部彈框的方法，通過 builder 構(gòu)建彈框中的內(nèi)容，代碼如下：

//顯示底部彈框的功能

彈框中的內(nèi)容 使用線性布局 Column 來構(gòu)建，代碼如下 ：

Widget

每一行都類似，所以這里使用了封裝的方式來構(gòu)建，代碼如下：

Widget

---

以小編的性格，要實現(xiàn)百萬Demo隨時復(fù)制粘貼肯定是需要源碼的

完整源碼在這里

當(dāng)然以小編的性格，肯定是要有視頻錄制的，點擊這里查看，有興趣 你可以關(guān)注一下 西瓜視頻 — 早起的年輕人

總結(jié)

以上是生活随笔為你收集整理的flutter 分割线_Flutter 底部弹框 showModalBottomSheet 使用Demo的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。