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

今天要来写的是点点及南部按钮後会出现的画面
先在assets资料夹里的Food资料夹下建立一个南部的资料夹来处存照片
https://ithelp.ithome.com.tw/upload/images/20211008/20141032X2qqXgpqCv.jpg

存完照片一样要到pubspec.yaml去作更改喔!
https://ithelp.ithome.com.tw/upload/images/20211008/20141032jiqh3gEMBK.jpg

再来建立资料夹
lib/scareens/food_South/food_South_screen.dart
lib/scareens/food_South/components/food_South_body.dart
程序码如下
food_South_screen.dart
https://ithelp.ithome.com.tw/upload/images/20211008/20141032FDKhaXhCxr.jpg

food_South_body.dart
https://ithelp.ithome.com.tw/upload/images/20211008/20141032mp7SD8xAJU.jpg

这边跟前两天的内容几乎相同就不都说了,大家有没有发现在我们每张卡片下都要两个button写着喜欢和不喜欢呢?至於他们有什麽作用我们明天在来揭晓吧!
route.dart
https://ithelp.ithome.com.tw/upload/images/20211008/20141032betFsok2qp.jpg

这是昨天说的小惊喜,也就是串上连结的方法
成果如下
https://ithelp.ithome.com.tw/upload/images/20211008/20141032suvjU2YnD8.jpg

完整程序码


今日总结
今天的内容就先到这里,明天会把最後一个地区作完,还有把按钮的功用给补上


<<:  后续说明

>>:  [Day23] Scrum失败经验谈 – 以为什麽都不能动了!

#15 JS: if else statement

To make the operators meaningful for users, let’s ...

[Day6] Android - Kotlin笔记:RecycledViewPool

什麽是RecycledViewPool RecycledViewPool是RecycledView...

第九天:建立练习专案

接下来我们建立後续章节要使用的练习专案,我预想了一个「购物车及运费计算机」做为情境,整个流程会示范如...

Day-26 事件机制(2)

承前文,在事件的注册/绑定与监听中,入门者最常使用「监听CLICK事件」等侵入/非侵入式JavaSc...

Day 17 ( 中级 ) 立体空间 ( 三度空间 )

立体空间 ( 三度空间 ) 教学原文参考:立体空间 ( 三度空间 ) 这篇文章会介绍,如何在 Scr...