flutter学习笔记-Widget text

Text

          Text('Hello World' * 10,
              textAlign: TextAlign.start,
              textDirection: TextDirection.rtl,
              softWrap: true,
              overflow: TextOverflow.ellipsis,
              textScaleFactor: 1,
              maxLines: 3,
              semanticsLabel: "text semanticsLabel",
              style: TextStyle(
                  fontSize: 20.0,
                  fontWeight: FontWeight.w100,
                  fontStyle: FontStyle.italic,
                  letterSpacing: 3,
                  wordSpacing: -5,
                  textBaseline: TextBaseline.ideographic,
                  height: 1.2,
                  foreground: new Paint()..color = Colors.blueGrey,
                  background: new Paint()..color = Color(0x2200ffff),
                  shadows: [BoxShadow(
                  color: Color(0x99ff0000),
                  offset: Offset(3.0, 3.0),
                  blurRadius: 5.0,
                  spreadRadius: 2.0)],
                  decoration: TextDecoration.underline,
                  decorationColor: Colors.blueGrey,
                  decorationStyle: TextDecorationStyle.wavy,
                  debugLabel: "debug label",
                  fontFamily: "Schyler"
              ),
          ),

textAlign 文本在text组件中对齐方式
参数类型（TextAlign）

left - 向左对齐
right - 向右对齐
center - 居中对齐
justify - 两端对齐
start - 从文本开始方向对齐
end - 从文本结束方向对齐

textDirection 文本方向
参数类型（TextDirection）

rtl - 从右向左开始
ltr - 从左向右开始

softWrap 文本是否允许换行
参数类型（bool）

overflow 文本溢出时展示效果
参数类型（TextOverflow）

clip - 溢出时直接截断（softWrap必须为false）
fade - 溢出时以渐变结尾
ellipsis - 溢出时以省略号结尾

textScaleFactor 文件缩放大小
参数类型（double）

maxLines 最大行数
参数类型（int）

semanticsLabel 为组件设置标签
参数类型（string）

style
fontSize 文字大小
参数类型（double）

fontWeight 文字加粗
参数类型（FontWeight）

w100 ~ w900
normal = w400
bold = w700

fontStyle 字体变形
参数类型（FontStyle）

normal 正体
italic 斜体

letterSpacing 文字间距
参数类型（double）

wordSpacing 单词间距
参数类型（double）

textBaseline 文字基线对齐
参数类型（TextBaseline）

alphabetic
ideographic

height 文字行距
参数类型（double）

foreground 文字前景
参数类型（Paint）

设置字体颜色
不能与text color属性同在

background 文字背景
参数类型（Paint）

shadows 文字阴影
参数类型（Shadow）

color - 阴影颜色
offset - 阴影距离
blurRadius - 阴影透明度
spreadRadius - 阴影模糊度

decoration 文字装饰线
参数类型（TextDecoration）

underline - 下划线
overline - 上划线
lineThrough - 中划线

decorationColor 装饰线颜色
参数类型（Color）

decorationStyle 装饰线风格
参数类型（TextDecorationStyle）

solid - 实线
double - 双划实线
dashed - 虚线
dotted - 点线
wavy - 波浪线

fontFamily 文字字体
参数类型（String字体名称）

在pubspec.yaml中配置

 #字体设置
  fonts:
    - family: 字体名称
      fonts:
        - asset: fonts/字体名称.ttf

最后编辑于：2019.04.22 15:56:47