Flutter基础介绍与实作-Day11 Nice to Meet you Widgets(2)

今天我们就继续把昨天没说完的接下去说完吧
5. Image(Image程序码)
图片对一个App来说非常的重要，因为没有图片的点缀整个App会变得非常的单调，也不会有人愿意去下载这样的软件，还好Flutter中，加入图片很简单使用Image Widget来操作只需要一行程序码

如果你是照着我所给的程序码直接复制贴上，它一定跑不出来，因为呢它还要作一些的设定
首先要先在Project的地方建立一个assets的资料夹，在assets里面再建一个资料夹名子不限，我这边是取名叫image，然後把你想放的图片放到资料夹中

再来就是像之前用logo的方式，到pubspec.yaml那个目录并找到被注解掉的assets，把它的注解拿掉然後加上图片的位置，最後按下Pub get

这样程序就可以顺利执行了喔！
6. Scaffold
其实Scaffold对於Flutter就像是大楼的鹰架一样非常重要，也是最常使用到的类别，它可以加上很多东西，除了之前说过的AppBar之外，今天在介绍三个和它有关的功能

• Drawer(Drawer程序码)
  这个可以用来做隐藏选单，平常都藏在画面的左侧，需要滑动才会出现
  

• BottomNavigationBar(BottomNavigationBar程序码)
  这个就是在App下方的导航列，主要是用来更换页面
  

• SnackBar(SnackBar程序码)
  当使用者触发某些动作或是系统完成某些事情，你想要提醒使用者，就可以使用SnackBar在画面下方弹出讯息，点中间Hello Flutter的按钮，它就会提醒你这是一个按钮
  

7. TextField文字输入框(TextField程序码)
   提供使用者输入文字，常用的属性有
   • controller： 监听文字输入内容(★最重要★)
   • onChanged：当文字有改变触发事件
   • onSubmitted：当按下键盘Entenr触发事件
   • enable：是否禁用
   • maxLength：最大长度
   • maxLines：最大行数
   • style：文字输入框样式
   • textAlign：文字对齐方式
   • obscureText：设定是否为隐码，设定为true文字将会被隐码，false则会显示明文正常文字内容
   • inputFormatters：设定允许输入的文字格式
   • decoration：文字输入框元件装饰效果
   Example：这边的范例做的是请使用者输入文字，然後按下按钮显示
   

今日总结
本来是说要帮大家把Basic Widget 11种功能都介绍一遍，後来发现剩下的3种用法和其他的有些相像，所以就等以後有碰到再补充，如果还是想了解的话可以到官网练习看看喔！明天会针对这两天学的做个简单的小范例，那我们明天见！！！