Flutter的TextStyle详解-摩杜云开发者社区

简介

Flutter的TextStyle是用于定义文本样式的类。它允许您控制文本的各种属性，如字体、字号、颜色、粗细、斜体、下划线等。

详细介绍

下面是关于 TextStyle 类的详细介绍：

TextStyle 主要有以下几个属性：

fontFamily（字体族）：指定文本所使用的字体族。可以是系统字体，也可以是自定义字体，通常是通过导入字体文件来实现自定义字体。示例：

TextStyle(fontFamily: 'Roboto', fontSize: 16.0)

fontSize（字号）：指定文本的字号大小，以逻辑像素为单位。示例：

TextStyle(fontSize: 16.0)

fontWeight（字体粗细）：指定文本的字体粗细。可以是以下值之一：

FontWeight.w100
FontWeight.w200
FontWeight.w300
FontWeight.w400（正常）
FontWeight.w500
FontWeight.w600
FontWeight.w700（粗体）
FontWeight.w800
FontWeight.w900（特粗体）

示例：

TextStyle(fontWeight: FontWeight.bold)

fontStyle（字体样式）：指定文本的字体样式，可以是 FontStyle.normal（正常）或 FontStyle.italic（斜体）。示例：

TextStyle(fontStyle: FontStyle.italic)

color（颜色）：指定文本的颜色。可以使用 Color 类来定义颜色，也可以使用颜色的名称或十六进制值。示例：

extStyle(color: Colors.blue)

letterSpacing（字母间距）：指定文本中每个字符之间的间距，以逻辑像素为单位。示例：

TextStyle(letterSpacing: 2.0)

wordSpacing（单词间距）：指定文本中每个单词之间的间距，以逻辑像素为单位。示例：

TextStyle(wordSpacing: 4.0)

height（行高）：指定文本的行高，可以是倍数或绝对值。示例：

TextStyle(height: 1.5) // 行高是字号的1.5倍

decoration（文本装饰）：指定文本的装饰，可以是 TextDecoration.none（无装饰）、TextDecoration.underline（下划线）、TextDecoration.overline（上划线）或 TextDecoration.lineThrough（删除线）。示例：

TextStyle(decoration: TextDecoration.underline)

decorationColor（装饰线的颜色）：指定文本装饰的颜色。示例：

TextStyle(decoration: TextDecoration.underline, decorationColor: Colors.red)

decorationStyle（装饰线的样式）：指定文本装饰线的样式，可以是 TextDecorationStyle.solid（实线）、TextDecorationStyle.dotted（点线）或 TextDecorationStyle.dashed（虚线）。示例：

TextStyle(decoration: TextDecoration.underline, decorationStyle: TextDecorationStyle.dotted)

这些属性可以按照需要组合在一起，以创建不同样式的文本。例如：

TextStyle(
  fontFamily: 'Roboto',
  fontSize: 16.0,
  fontWeight: FontWeight.bold,
  fontStyle: FontStyle.italic,
  color: Colors.blue,
  letterSpacing: 2.0,
  wordSpacing: 4.0,
  height: 1.5,
  decoration: TextDecoration.underline,
  decorationColor: Colors.red,
  decorationStyle: TextDecorationStyle.dotted,
)

以上是关于 Flutter 中 TextStyle 的详细介绍，TextStyle能让使用者根据实际的文字显示需要使用这些属性来定义文本的样式。