Flutter学习总结（十一、Flutter基本组件第一部分)

Flutter的基本组件

一起从0开始学习Flutter!

Flutter给我们提供了丰富的组件来搭建UI，我们可以通过这些组件搭建出我们想要的APP，由于组件太多我们需要分成几次来学习这些组件了，先从已经见过的demo中出现的AppBar，FloatingActionButton，Text，BottomNavigationBar开始认识。

1.Text

先看我们使用频率最高也是最基本的控件Text，先看下平时我们怎么使用的：

Text createText(String str) => Text(str,
    style:TextStyle(color: Colors.red,fontSize: 14),
    textAlign:TextAlign.left,
    maxLines: 3);

结合我们在Dart中的类里面的内容，可以看到我们如果想要实现一个最基本的Text只需要传入一个data，也就是要显示的字符。其他的可选参数可以根据我们想要实现的效果来传参。
style
根据需要传入TextStyle示例，参数比较简单，基本上都是一眼看上去就知道是做什么的了。

const TextStyle({
   
    this.inherit = true, //控制文字显示，False为不显示
    this.color, //字体颜色
    this.backgroundColor, //背景色
    this.fontSize,//字体大小
    this.fontWeight,//字重，加粗字体可以设置
    this.fontStyle, // 文字样式，像斜体
    this.letterSpacing, //字符间距
    this