Flutter 学习笔记 (一) Text 组件

Text 组件显示单个样式的文本字符串。字符串可能会跨越多行，也可能全部显示在同一行上，具体取决于布局约束。

该 Text 要显示的文本。值为一串字符串。

文本的对齐方式。可选值有：

该文本的对齐方向。

最大行。最多显示的行数

处理溢出的文本方式

每个逻辑像素的字体像素数

Text 组件的样式

设置 Text 的背景。值是一个 Paint 对象。可以设置 Paint 对象的 color属性来设置 Text 的背景色

设置字体颜色

设置文本装饰，上划线、下划线、中划线等。

上划线、下划线、中划线等线条的颜色

文本装饰的样式。虚线、短横线、波浪线等

字体大小

字体样式。斜体和标准样式

字体粗细

Text 前景色，即字体颜色。值为一个 Paint 对象，类似于 background 属性

类似于 word 里的行间距。这个值是 行高的倍数。如果 值是 1.5 则行间距是 1.5 倍的行高

字母与字母之间的间距。单位是逻辑像素。 例如 h  e   l   l   o

单词与单词之间的间距。单位是逻辑像素例如 hello      world

文字阴影。PS：这个值的属性是 List<Shadow>。也就是说可以退添加多个阴影

阴影颜色

阴影在 x轴和y轴的偏移量

阴影模糊度

import 'package:flutter/material.dart';
void main() => runApp(TextDemo());class TextDemo extends StatelessWidget{    @override  Widget build(BuildContext context) {    var background = Paint();    background.color = Color.fromARGB(111, 255, 1, 1);    var foreground = Paint();    foreground.color =  Color.fromARGB(255, 1, 122, 11);
    var shadowsList = List<Shadow>();    shadowsList.add(Shadow(      color: Color.fromARGB(111, 255, 1, 1),      offset: Offset(1, 20),      blurRadius:1));    shadowsList.add(Shadow(      color: Color.fromARGB(255, 1, 122, 11),      offset: Offset(20, 1),      blurRadius:10));
    return MaterialApp(      title: 'Text Demo',      home: Scaffold(        body: Center(          child: Text(            'hello ,text,好好学习,天天向上!好好学习,天天向上!好好学习,天天向上!好好学习,天天向上!好好学习,天天向上',            textAlign: TextAlign.start,            textDirection: TextDirection.rtl,            maxLines: 2,            overflow: TextOverflow.fade ,            //textScaleFactor: 1,            style: TextStyle(              //background: background,              //color: Color.fromARGB(255, 1, 122, 11),              decoration: TextDecoration.underline,              decorationColor: Color.fromRGBO(255, 1, 1, 11),              decorationStyle: TextDecorationStyle.wavy ,              fontSize: 44,              fontStyle: FontStyle.normal,              fontWeight: FontWeight.w900,              //与color 值冲突              foreground: foreground,              height: 1.5,              letterSpacing: 11,              //shadows: shadowsList,              wordSpacing: 122              ),              ),                      ),      ),    );  }
}