Text最基本的用法有这些:
- 字体
- 颜色,字体,大小,背景
- 文本的对齐方式,可以选择左对齐、右对齐还是居中对齐
- TextSpan,它代表文本的一个“片段”
- 设置某一个节点处设置一个默认的文本样式
- 文本点击事件
- 富文本的显示 ,文字,阴影
基本使用
Text 用来显示单一样式的文本字符串,
Container(
child: Text(
"多行文本显示时,只显示 maxLines,多余文本通过 overflow 处理 " * 7,
///overflow:文本溢出时,多余文本的处理方式,可以配合 maxLines 使用。
overflow: TextOverflow.ellipsis,
///当文本跨行,页面显示的最大行数。
maxLines: 1,
),
),
Container(
child: Text(
"文字缩放倍数",
/// textScaleFactor:相当于当前字体大小的缩放比例,它是设置 fontSize 属性的快捷方式。
textScaleFactor: 1.5,
),
)
字体
如果需要使用自定义字体,则需要在项目中的fonts文件夹下放置字体文件,然后在配置文件pubspec.yaml中进行配置:
flutter: fonts:
- family: Raleway
fonts:
- asset: fonts/Raleway-Regular.ttf
- asset: fonts/Raleway-Italic.ttf
style: italic
- family: RobotoMono
fonts:
- asset: fonts/RobotoMono-Regular.ttf
- asset: fonts/RobotoMono-Bold.ttf
weight: 700
通过主题设置字体:
MaterialApp(
title: 'Custom Fonts',
// Set Raleway as the default app font.
theme: ThemeData(fontFamily: 'Raleway'),
home: MyHomePage(),
);
单独设置字体
Text(
'Roboto Mono sample',
style: TextStyle(fontFamily: 'RobotoMono'),
);
style 属性用来指定文本的显示方式,例如颜色,字体,大小,背景,装饰等等
Container(
child: Text(
"textStyle 的用法 " * 2,
style: TextStyle(</