You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中如何显示顶部带有脱字符的数字?

解决数字上方添加脱字符的问题

你遇到的情况是因为多数字体对字母的组合字符(如\u0302抑扬符)做了排版适配,但数字的组合字符缺乏对应优化,导致抑扬符偏移到数字后方。

给你两个可行的解决办法:

方法1:使用Stack组件手动定位(最可靠)

通过将数字和脱字符分开,用堆叠组件精准控制位置,不受字体限制:

Stack(
  alignment: Alignment.topCenter,
  children: [
    Text('7'),
    Text('^', style: TextStyle(fontSize: 12, height: 0.8)),
  ],
)

你可以调整脱字符的fontSize和height参数,让它完美对齐数字上方。

方法2:查找对应预组合Unicode字符

部分数字有现成的带抑扬符的预组合字符,比如:

  • 1̂ 对应 \u00B9\u0302
  • 7̂ 对应 \u0037\u0302(部分字体可能仍不支持)
    如果你的目标字体支持这类预组合字符,直接使用即可,但兼容性不如方法1。

内容的提问来源于stack exchange,提问作者Aykut Ucar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.13 20:22:03