如何使图标相对于RichText中的文本对齐？

发布于 2025-02-11 22:26:59 字数 859 浏览 1 评论 0原文

我有一个文本位于Richtext，n，我想在几点之后进行单击，文字旁边有一个图标。问题在于，图标与文本相对于文本无法正确对齐，当它的大小增加时，这一点尤其明显。如何使图标和文本在中心的同一行上？对齐中心无助

 RichText(
  textAlign: TextAlign.center,
  text: TextSpan(
    children: [
      TextSpan(text: 'Next ', style: richBotton),
      WidgetSpan(
          child: Icon(Icons.arrow_forward_ios, color: Colors.grey, size: 11,)
      ),
    ],
  ),
),

于样式

final richBotton = const  TextStyle(color: Color.fromARGB(255, 117, 117, 117), fontSize: 11,);  
final text = const TextStyle(color: Colors.grey, fontSize: 11);

屏幕

我的代码
与callignment：packholdSeralignment.middle middle
使用对齐：占位型
对齐：loctholderalignment.bottom

原文

I have a text located in RichText, n how much later I want to make it clickable, there is an icon next to the text. The problem is that the icon does not align correctly relative to the text, this is especially noticeable when its size increases. How do I make the icon and text to be on the same line in the center ? Align centered doesn't help

 RichText(
  textAlign: TextAlign.center,
  text: TextSpan(
    children: [
      TextSpan(text: 'Next ', style: richBotton),
      WidgetSpan(
          child: Icon(Icons.arrow_forward_ios, color: Colors.grey, size: 11,)
      ),
    ],
  ),
),

for styles

final richBotton = const  TextStyle(color: Color.fromARGB(255, 117, 117, 117), fontSize: 11,);  
final text = const TextStyle(color: Colors.grey, fontSize: 11);

Screen

My code
With alignment: PlaceholderAlignment.Middle
With alignment: PlaceholderAlignment.Top
With alignment: PlaceholderAlignment.Bottom

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

岁月染过的梦 2025-02-18 22:26:59

您可以在widgetspan上包含对齐：loctholdSeralign.middle。

RichText(
  textAlign: TextAlign.center,
  text: TextSpan(
    children: [
      TextSpan(
        text: 'Next ',
      ),
      WidgetSpan(
        alignment: PlaceholderAlignment.middle,
          child: Icon(
        Icons.arrow_forward_ios,
        color: Colors.grey,
        size: 11,
      )),
    ],
  ),
),

You can include alignment: PlaceholderAlignment.middle on WidgetSpan.

RichText(
  textAlign: TextAlign.center,
  text: TextSpan(
    children: [
      TextSpan(
        text: 'Next ',
      ),
      WidgetSpan(
        alignment: PlaceholderAlignment.middle,
          child: Icon(
        Icons.arrow_forward_ios,
        color: Colors.grey,
        size: 11,
      )),
    ],
  ),
),

回复收藏 0 原文

~没有更多了~