Day 11基础元件

今天先介绍几个比较常用的元件，包括Text、Icon、Image及Button。

Text文字元件
(一)介绍
用来显示文字的元件。
(二)属性
textAlign：对齐方式。。
maxLines：最大行数
textScaleFactor：缩放因数，预设为1.0。
overflow：超出最大行数时可用省略符号或渐层效果隐藏多余的行数。
style：设定字体大小、颜色等样式。
textSpan：实现类似丰富文字的效果。
data：要显示的文字。
textDirection：文字显示方向。

Icon图示元件
介绍：相比图片有着不会失真的优点，用法也相当简单，而Icon除了支援使用图示字型之外，还可以传入图片。如果好奇的话可以到官方网站查看全部的icon。
网址：https://api.flutter.dev/flutter/material/Icons-class.html

Image图片元件
(一)介绍
用来显示电脑内及网路上的图片的元件，在App中图片是不可缺少的，加了图片不仅能美观还能丰富内容，而且Flutter提供的Image元件操作相当简单，只需要一行程序码即可完成。

(二) 方法
Image.asset：载入App指定资料夹内的图片。
Image.file：载入电脑指定路径的图片。
Image.network：载入网路指定网址的图片。
Image.memory：载入Uint8List的图片。

(三) 属性
width：图片宽度。
height：图片高度。
fit：图片填充方式。

Button按钮元件
(一) Flutter常用的按钮
RaisedButton：凸起按钮，点击时带有波纹效果，且有阴影及颜色填满。
FlatButton：扁平化按钮，较简洁、扁平，没有背景，一般用於不明显的位置上。
IconButton：图示按钮，直接使用图示提醒使用者按钮的功能。
FloatingActionButton：漂浮按钮，通常一页只有一个且摆於右下角，用於分享、导航等等。
OutlineButton：边框按钮，点即时边框和背景呈现反白状态，通常包含重要的行为，但不是主要动作。

(二)属性
onPressed：按下按钮触发的方法逻辑程序，是最重要的一个。
color：按钮颜色。
textColor：按钮中文字的颜色。
elevation：按钮阴影大小值。

今天介绍完Flutter的基础元件，明天将会介绍单一子元素元件，敬请期待。

参考资料
横跨Android及Apple的神话：用Dart语言神启Flutter大业3.1节
https://hkt.medium.com/flutter-%E5%9B%9B%E5%A4%A7%E5%9F%BA%E7%A4%8E%E5%85%83%E4%BB%B6%E4%BB%8B%E7%B4%B9-adf21d297162
https://tw-hkt.blogspot.com/2019/08/flutter-text.html
https://iter01.com/430635.html
https://ithelp.ithome.com.tw/articles/10215654
http://tw-hkt.blogspot.com/2019/08/flutter-image.html
https://tw-hkt.blogspot.com/2019/08/flutter-button.html
https://medium.com/flutter-taipei/%E4%BE%86%E5%90%A7-flutter-10-buttons-9d25600ef103