Flutter——最详细的Text（文本）使用教程

Text（文本）简介

用于显示文字的组件。核心样式style属性控制

TextStyle文本样式属性：

class TextWidget extends StatelessWidget {
          
   
  @override
  Widget build(BuildContext context) {
          
   
    return Container(
      child: const Text(
        字体大小字体大小字体大小字体大小字体大小字体大小字体大小,
        style: TextStyle(
        backgroundColor: Colors.blueAccent,
          color: Colors.red,
          fontSize: 20,
          fontWeight: FontWeight.w700,
          // letterSpacing: 20,
          textBaseline: TextBaseline.ideographic,
        ),
      ),
    );
  }
}

很明显字体间距有所变化

Text(height: 用在Text控件上的时候，会乘以fontSize做为行高,所以这个值不能设置过大,
              style: TextStyle(
                color: Colors.green,
                height: 2.0,
              )),

Text(decoration: TextDecoration.overline 上划线,
              style: TextStyle(
                  color: Colors.red,
                  decoration: TextDecoration.overline,
                  fontSize: 20,
                  decorationStyle: TextDecorationStyle.wavy)),

Text(decoration: TextDecoration.lineThrough 删除线,
              style: TextStyle(
                  fontSize: 20,
                  decorationColor: Colors.blueAccent,
                  decoration: TextDecoration.lineThrough,
                  decorationStyle: TextDecorationStyle.dashed)),

Text(decoration: TextDecoration.underline 下划线,
              style: TextStyle(
                  decorationColor: Colors.red,
                  fontSize: 20,
                  decoration: TextDecoration.underline,
                  decorationStyle: TextDecorationStyle.dotted)),

Text(
            wordSpacing: 字或单词间距,
            style: TextStyle(
                fontSize: 20,
                // letterSpacing: 10.0,
                wordSpacing: 10.0),
          ),

Text(
            letterSpacing: 字符间距,
            style: TextStyle(
              letterSpacing: 10.0,
              // wordSpacing: 15.0
            ),
          ),

Text(
            fontStyle: FontStyle.italic 斜体,
            style: TextStyle(
              fontStyle: FontStyle.italic,
            ),
          ),

Text(
            fontWeight: 字重,
            style: TextStyle(fontSize: 30, fontWeight: FontWeight.w700),
          ),