flutter中让一段文字中的部分显示为其他样式

最新推荐文章于 2024-02-28 11:30:27 发布

SkyCloud5+2

最新推荐文章于 2024-02-28 11:30:27 发布

阅读量757

点赞数

分类专栏： flutter 文章标签：大数据

本文链接：https://blog.csdn.net/lqw200931116/article/details/125692782

版权

flutter 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

文本我们一般使用Text widget，例如:

Text("HelloWorld",
        style: TextStyle(
          fontSize: 14.0,
          color: Colors.black,
        ));

当需要将 HelloWorld 加粗改变颜色时，可以改写成富文本widget RichText，利用 TextSpan 进行拼接，写法如下：

    RichText(
      text: TextSpan(
        // 注意:TextSpan需要指定样式
        // TextSpan子组件会继承父组件的样式
        style: TextStyle(
          fontSize: 14.0, //设置大小
          color: Colors.red,//设置颜色
        ),
        children: <TextSpan>[
          TextSpan(text: "Hello"),
          TextSpan(text: "World", style: new TextStyle(fontWeight: FontWeight.bold)),//其他样式设置粗体
        ],
      ),
    );