flutter基础组件——Text，Container

---

Flutter里有一个非常重要的核心理念：一切皆为组件，Flutter所有的元素皆由组件组成。接下来让我们来认识两个基础组件——Text，Container

Text主要参数详解

---

| 属性 | 说明 |

| — | :-: |

| textAlign | 文本水平方向对齐方式，取值有center、end、justify、left、right、start、values |

| textDirection | 从左到右使用TextDirection.ltr，从右到左使用TextDirection.rtl |

| textScaleFactor | 字体缩放系数，如：如果此属性设置的值为1.5，那么字体会放大150% |

| textSpan | 文本块，TextSpan里可以包含文本内容及样式 |

| data | 要显示的文本 |

| maxLines | 文本显示的最大行数 |

| style | 文本样式，可定义文本的字体大小、颜色、粗细等 |

TextStyle style

| 属性 | 说明 |

| — | :-: |

| TextDecoration decoration | 绘制文本装饰；下划线（TextDecoration.underline）上划线（TextDecoration.overline）删除线（TextDecoration.lineThrough）无（TextDecoration.none） |

| Color decorationColor | 绘制文本装饰的颜色 |

| FontStyle fontStyle | 字体变体：FontStyle.italic 使用斜体FontStyle.normal 使用直立 |

| double height | 文本行与行的高度，作为字体大小的倍数（取值1~2，如1.2） |

| Locale locale | 此属性很少设置，用于选择区域特定字形的语言环境 |

构造方法1：用于创建一个单一格式的 Text

Text(String data, { Key key, TextStyle style, TextAlign textAlign, TextDirection textDirection, Locale locale, bool softWrap, TextOverflow overflow, double textScaleFactor, int maxLines, String semanticsLabel })

使用构造方法1，对上述属性进行运用，示例如下：

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

Paint backgroundPaint = new Paint();

backgroundPaint.color = new Color(0xFFFFFFFF);

List shadowList = new List();

shadowList.add(new Shadow(

//阴影颜色

color: new Color(0xFFFF0000),

//模糊程度

blurRadius: 2.0));

return MaterialApp(

debugShowCheckedModeBanner: false,

title: ‘Text widget’,

home: Scaffold(

appBar: n