Flutter Widgets_ Text

| color | 字体颜色 |
| fontSize | 字体大小 |
| fontWeight | 字体厚度，也就是字体粗细 |
| fontStyle | normal或者italic |
| letterSpacing | 字母间隙(负值可以让字母更紧凑) |
| wordSpacing | 单词间隙(负值可以让单词更紧凑) |
| textBaseLine | 文本绘制基线(alphabetic/ideographic) |
| height | 高度 |
| locale | 区域设置 |
| decoration | 文字装饰(none/underline/overline/lineThrough) |
| decorationColor | 文字装饰的颜色 |
| decorationStyle | 文字装饰的风格(solid/double/dotted/dashed/wavy) |
| fontFamily | 字体 |

textAlign

文本对齐方式

body: new Container(
width: 400.0,
height: 200.0,
color: Colors.greenAccent,
child: new Text(“hello world sdfdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfg”,
textAlign: TextAlign.right,
style: new TextStyle(
color: Colors.purple,
fontSize: 40.0,
)
)
)

textAlign	Result
TextAlign.left
TextAlign.right
TextAlign.center
TextAlign.justify(两端对齐)
TextAlign.start
TextAlign.end

textDirection

文本方向

body: new Container(
width: 400.0,
height: 200.0,
color: Colors.greenAccent,
child: new Text(“hello world sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsd”,
textDirection: TextDirection.rtl,
style: new TextStyle(
color: Colors.purple,
fontSize: 40.0,
)
)
)

TextDirection	Result
TextDirection.ltr
TextDirection.rtl

softWrap

是否自动换行，若为false，文字将不考虑容器大小，单行显示，超出屏幕部分将默认截断处理

body: new Container(
width: 400.0,
height: 200.0,
color: Colors.greenAccent,
child: new Text(“hello world sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsd”,
softWrap: false,
style: new TextStyle(
color: Colors.purple,
fontSize: 40.0,
)
)
)

softWrap	Result
true
false

显然，当softWrap为false而文字长度超出屏幕宽度时，会出现截断的现象。

overflow

当文字超出屏幕的时候，如何处理

body: new Container(
width: 300.0,
height: 200.0,
color: Colors.greenAccent,
child: new Text(“hello world sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsd”,
overflow: TextOverflow.ellipsis,
softWrap: false,
style: new TextStyle(
color: Colors.purple,
fontSize: 40.0,
)
)
)

overflow	Result
TextOverflow.clip(裁剪)
TextOverflow.fade(渐隐)
TextOverflow.ellipsis(省略号)

textScaleFactor

字体显示倍率，上面的例子使用的字体大小是40.0，将字体设置成20.0，然后倍率为2，依然可以实现相同的效果

body: new Container(
width: 400.0,
height: 200.0,
color: Colors.greenAccent,
child: new Text(“hello world sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsd”,
overflow: TextOverflow.fade,
textScaleFactor: 2.0,
softWrap: false,
style: new TextStyle(
color: Colors.purple,
fontSize: 20.0,
)
)
)

maxLines

最大行数设置

body: new Container(
width: 400.0,
height: 200.0,
color: Colors.greenAccent,
child: new Text(“hello world sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsd”,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: new TextStyle(
color: Colors.purple,
fontSize: 40.0,
)
)
)

data & textSpan

data，普通的String类型，无需赘述 textSpan，TextSpan类型，个人觉得TextSpan最大的用处在于处理多种类型和显示效果的文字，以及各自点击事件的处理，看下面这个例子。

class HomeBody extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return new Container(
width: 400.0,
height: 200.0,
color: Colors.greenAccent,
child: new Text.rich(new TextSpan(
text: “one”,
style: new TextStyle(
fontSize: 40.0,
color: Colors.green,
decoration: TextDecoration.underline,
decorationColor: Colors.purple,
decorationStyle: TextDecorationStyle.wavy,
),
children: [
new TextSpan(
text: “TWO”,
style: new TextStyle(
fontSize: 40.0,
color: Colors.green,
decoration: TextDecoration.underline,
decorationColor: Colors.purple,
decorationStyle: TextDecorationStyle.wavy,

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！