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

我们今天要接续昨天的划分4个区域开始，我们今天先从北部开始吧！
一样先来建立资料夹
lib/scareens/food/food_page_screen.dart
lib/scareens/food/components/food_page_body.dart
要直接从网路上汇入资料，甚至查找有意点太复杂了，所以我们这边就手动汇入10张图片来介绍
我们先来建立要放图片的地方，先在assets资料夹下建一个Food的资料夹，然後再在Food资料夹里建一个北部的资料夹，把你找好的10张美食的图片放到里面去

一样要在pubspec.yaml里面作设定，打完还是要点一下右上角的Pub get

上面都设定完了那就来看程序码吧
food_page_body.dart

这边是以ListView来做一个可以上下滑动的选单，然後都是以卡片的型态来呈现
food_page_screen.dart

这个页面我相信大家都看过很多遍就不再多讲了，不要忘记要在其他页面串上连结喔！不然你的App会无法执行喔！
成果如下

完整程序码

今日总结
再来的内容都会比较简短也会比较简单，目的是为了让自己能够好好的了解与实作，明天会继续作下一个地区喔！