Text
小部件在Flutter中是用于显示文本的基本构建块。为了满足不同的设计和用户需求,Text
提供了多种属性,允许您对文本的外观和行为进行精细控制。下面我们将详细介绍一些常用的Text
小部件属性。
data
data
属性是Text
最基本的属性,表示要显示的文本内容。
Text(
'Hello, Flutter!',
)
style
style
属性用于定义文本的样式,包括字体大小、颜色、加粗、斜体等。
Text(
'Custom Style',
style: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.bold,
color: Colors.blue,
fontStyle: FontStyle.italic,
),
)
textAlign
textAlign
属性定义文本在容器中的对齐方式。
Text(
'Aligned Text',
textAlign: TextAlign.center,
)
textDirection
textDirection
属性用于设置文本的方向,可以是从左到右(TextDirection.ltr
)或从右到左(TextDirection.rtl
)。
Text(
'Right to Left Text',
textDirection: TextDirection.rtl,
)
overflow
overflow
属性用于定义文本溢出时的处理方式,如省略号、裁剪等。
Text(
'This is a very long text that might overflow the container',
overflow: TextOverflow.ellipsis,
)
maxLines
maxLines
属性定义文本的最大行数。超过指定行数的文本将被截断。
Text(
'Multiline Text',
maxLines: 2,
)
softWrap
softWrap
属性决定是否允许文本在换行时自动换行。
Text(
'Soft Wrap Example',
softWrap: true,
)
textScaleFactor
textScaleFactor
属性用于缩放文本相对于当前字体大小的比例。
Text(
'Scaled Text',
textScaleFactor: 1.5,
)
textBaseline
textBaseline
属性定义文本的基线对齐方式,如alphabetic
、ideographic
等。
Text(
'Baseline Alignment',
textBaseline: TextBaseline.alphabetic,
)
decoration
decoration
属性用于为文本添加装饰效果,如下划线、删除线等。
Text(
'Decorated Text',
style: TextStyle(
decoration: TextDecoration.underline,
decorationColor: Colors.red,
decorationStyle: TextDecorationStyle.dashed,
),
)
fontFamily
fontFamily
属性允许您使用自定义字体。
Text(
'Custom Font Text',
style: TextStyle(
fontFamily: 'YourCustomFont',
),
)
这些属性是Text
小部件中常用的一些属性,当然还有其他一些属性可供进一步探索。