Flutter基础介绍与实作-Day25 旅游笔记的实作(6)

终於到最後一个区域了,我有加一些新的东西在上面这边一起跟大家说
一样先到assets资料夹下的Food资料夹内建立东部的资料夹来储存图片
https://ithelp.ithome.com.tw/upload/images/20211009/20141032rgk9Dg9dHg.jpg

好了之後一样到pubspec.yaml资料夹作修改,这边可以把档案名称取的相似这样就直接复制就好,一样要记得案Pub get喔!

建立资料夹
lib/scareens/food_East/food_East_screen.dart
lib/scareens/food_East/components/food_East_body.dart
来看程序码吧!
food_East_screen.dart
https://ithelp.ithome.com.tw/upload/images/20211009/201410323zHBvTbOjV.jpg

food_East_body.dart
https://ithelp.ithome.com.tw/upload/images/20211009/201410322hmGUivraz.jpg

大家有没有发现有多了一行之前没有的程序码啊!这行是特别加给按钮的,运用之签有说过的SnackBar来作提示,至於要提示的文字是什麽,就请大家发挥创意了喔!
一样要记得串上连结喔!
成果如下
https://ithelp.ithome.com.tw/upload/images/20211009/20141032NhG4IG0Rpr.jpg

完整程序码


今日总结
今天做的按钮小提示大家应该都有听懂吧!如果不想做提示想做一些其他的都可以自由发挥喔!


<<:  第 24 集:Bootstrap 客制化 Container 容器

>>:  Day 24 ATT&CK for ICS - Lateral Movement(2)

进击的软件工程师之路-软件战斗营 第六周

学习进度 游戏专题 Delay 地图编辑器使用 (自学)人物移动&转向 (自学)子弹360度...

分布式可观测性 Structured Log

对於Log, 在Log采集服务, 希望是采取Structured Log的结构来输出. 常见的结构有...

Day 18 : 二分搜寻 Binary Search

生活上我们可能有遇过一些二分搜寻的例子。 例如以前如果有当过助教的经验,有时候我们在收学生作业时会作...

Day21输出(JavaScript)

JS没有print或者输出这类的函数 但是有以下这四种方法可以捞出它输出的资料哦 这些示范只用到小量...

Flutter基础介绍与实作-Day27 旅游笔记的实作(8)

今天要做的是区域的部分,重点的话之前就说过了就不再重复了,今天做两个区域北部和中部,那就赶快开始吧!...