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

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


先在assets资料夹下建立一个View的资料夹,然後里面分别在建立北部和中部资料夹作区隔,建立完成後就可以把照片丢进去了
https://ithelp.ithome.com.tw/upload/images/20211011/20141032KPYq58iQVC.jpg

一样要到pubspec.yaml去做更改喔!不要忘记改完要按Pub get做更新喔!
https://ithelp.ithome.com.tw/upload/images/20211011/20141032IfuLX7rErb.jpg

建立资料夹
北部:
lib/scareens/View_Nourth/view_Nourth_screen.dart
lib/scareens/View_Nourth/components/view_Nourth_body.dart
中部:
lib/scareens/View_Middle/view_ Middle screen.dart
lib/scareens/View
Middle /components/view_ Middle_body.dart
好了就可以来看程序码了
view_Nourth_screen.dart
https://ithelp.ithome.com.tw/upload/images/20211011/20141032jyafnRwzbP.jpg

view_Nourth_body.dart
https://ithelp.ithome.com.tw/upload/images/20211011/20141032eUG2a8P66n.jpg

view_ Middle _screen.dart
https://ithelp.ithome.com.tw/upload/images/20211011/201410323gAdQuJW6q.jpg

view_ Middle_body.dart
https://ithelp.ithome.com.tw/upload/images/20211011/20141032nAShuVjH7V.jpg

成果如下
北部
https://ithelp.ithome.com.tw/upload/images/20211011/20141032300pAwzvGS.jpg
中部
https://ithelp.ithome.com.tw/upload/images/20211011/201410324JBAGRR9Ss.jpg

完整程序码


今日总结
快结束了,明天作完东部和南部就剩一点点了,我们明天见


<<:  Day-19 This

>>:  Day-20 OOP与抽象类别

风险处置(风险回应)[Risk Treatment (Risk Response)]

-风险处理(风险应对) 无论我们实施哪种加密方案,都可以降低风险。ISO 27005 使用术语“风...

[Day30] 今天是最後一天啦~

今天是我最後一次以git的主题跟各位沟通啦~ 说实话,觉得要坚持30天,天天发文真的有点难馁XD ...

LibShare-typeOrmGenerator

为什麽要写这篇呢? 新任务开发总会遇到一些麻烦的前置动作(ex. 设计DB schema 、建立t...

[Day_6]资料型别、变数与运算子 - 练习题

这边会给大家一些练习题, 以及参考解答, 过程可能会与大家有些不尽相同, 还请各位多多包涵, 我会先...

Day 16. UX/UI 设计流程之四: Wireflow,并以 Axure RP 实作 (下)

我们平常可能不太会注意到,ajax 网页、APP 里的每一个页面,其实不是单一静态的,而是伴随着多种...