Flutter控件：文本控件Text和RichText

目录

1.文本组件

1.1 文本组件Text

4.1 富文本组件RichText

---

1.文本组件

1.1 文本组件Text

简单的文本编辑组件。

        Text(
          '这是一个简单的文本组件',
          style: TextStyle(
            color: Colors.black,
            fontSize: 14.0,
            fontWeight: FontWeight.normal,
          ),
        ),

Text常用属性为style，参数为TextStyle类，在TextStyle中传入参数进行文本样式的设置，包括字体的颜色、大小、样式、权重等。这里的大小只能传入double类型的数值（其他类型的数值会自动转成double）。

效果图：

4.1 富文本组件RichText

RichText具有更强大的功能。除了Text的基础功能之外，RichText组件还可触发事件。

			  RichText(
                text: TextSpan(style: const TextStyle(), children: [
                  TextSpan(
                      text: '这是一个链接',
                      style: const TextStyle(
                        fontSize: 20.0,
                        color: Colors.red,
                      ),
                      recognizer: TapGestureRecognizer()
                        ..onTap = () {
                          Get.toNamed<void>('/testPage');
                        })
                ]),
              )

RichText必传text属性，一般为TextSpan或者文本内容。TestSpan常用属性有：test、style、children和recognizer。test可嵌套TestSpan组件，也可输入文字内容；style设置文本样式，与Text组件中的相同；recognizer为交互属性，在点击文本触发事件，可用于页面的跳转。

效果图：

 富文本文件可实现应用相关协议的跳转和显示，效果图如下：

 代码链接：https://github.com/King-feng-jin/Flutter/tree/main/Wedgit/Text