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

其实我觉得我们该讲的都讲得差不多了，再来的都是实做而已，所以接下来的内容都会比较偏向程序的部分，大家不要担心都跟之前讲过得非常的相似，跟之前说的一样，有忘记或是不清楚地都可以回到之前的文章去看喔！
今天要做的是按下影藏式选单的按钮後显示的页面，一样来构思一下吧，这页我想做的比较简单，我想把台湾分成4个部分北、中、南、东，所以会分别有4个按钮，然後上面在搭配上一行文字说明就可以了，话不多说赶快开始吧！
老规矩先来建立资料夹
lib\scareens\district\district.screen.dart
lib\scareens\district\components\district.body.dart
来看程序码吧
district. body.dart

刚刚说了要分成4个区块吗，所以我是用button来做，至於你的button想要什麽风格、样式、颜色大小就交给你自己决定了喔！
这边帮家复习一下padding: new EdgeInsets.fromLTRB(10.0, 30.0, 10.0, 30.0),这行程序码是在控制按钮的大小，括号中的数字由左至右分别是左、上、右、下的距离

district.screen.dart

一样要在需要的地方串上连结，这样程序才会跑得动喔！
成果如下

完整程序码

今日总结
再来的内容都会比较短，因为有两个地方要做，其实整体架构差不多所以就一起写，有兴趣的朋友都可以自己试试看喔！