dart – 在RichText小部件中为TextSpan背景添加额外的填充

概述我有一个带有一些TextSpan的RichText.我希望其中一个TextSpan小部件有背景,所以我使用了背景：Paint().. color = Colors.redAccent作为其文本样式. 有没有办法在背景中添加一些额外的红色空间/填充. 这是它目前的样子： 这就是我想要它的样子(注意突出显示文本顶部和底部的额外红色)： 这是使用的代码： Scaffold( appBar: new 我有一个带有一些TextSpan的RichText.我希望其中一个TextSpan小部件有背景,所以我使用了背景：Paint().. color = colors.redAccent作为其文本样式. @H_502_7@

@H_502_7@有没有办法在背景中添加一些额外的红色空间/填充.

@H_502_7@这是它目前的样子：

@H_502_7@

@H_502_7@这就是我想要它的样子(注意突出显示文本顶部和底部的额外红色)：

@H_502_7@

@H_502_7@这是使用的代码：

@H_502_7@

Scaffold(  appbar: new Appbar(),body: new RichText(    text: new TextSpan(      text: 'This is a one the lines in the span \n ',style: TextStyle(FontSize: 15.0,color: colors.black),children: <TextSpan>[        new TextSpan(            text: 'This is the second line',style: new TextStyle(FontWeight: FontWeight.bold)),new TextSpan(            text: ' background on me ',style: new TextStyle(              FontWeight: FontWeight.bold,background: Paint()..color = colors.redAccent,)),new TextSpan(text: ' This is another of the lines in the span!'),],),// This trailing comma makes auto-formatting nicer for build methods.)

@H_502_7@我尝试在文本样式中添加高度,但它不会影响背景的高度.

解决方法 相当丑陋的解决方案,但我没有找到其他( @H_502_7@

@H_502_7@

TextStyle(FontWeight: FontWeight.bold,background: Paint()..color = colors.redAccent    ..strokeWIDth = 16.5    ..style = PaintingStyle.stroke,)

@H_502_7@strokeWIDth必须足够大才能覆盖文本的高度.在我的情况下,16.5是最小的合适值

总结

以上是内存溢出为你收集整理的dart – 在RichText小部件中为TextSpan背景添加额外的填充全部内容，希望文章能够帮你解决dart – 在RichText小部件中为TextSpan背景添加额外的填充所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。