dart - 我如何在 TextSpan 中使用 'vertical-align: super'

Question

我想在 TextSpan 上设置“vertical-align: super”。 我想要这样的结果:

Answer 1

另一个答案使用了 Unicode 上标字符，但并非所有字符都有上标版本。在这种情况下，您可以将 WidgetSpan 与 Transform.translate 一起使用。您必须调整 fontSize 和 y-offset 直到它适合您的布局。

RichText(
  text: TextSpan(
    children: [
      TextSpan(text: 'Usage (m'),
      WidgetSpan(
        child: Transform.translate(
          offset: const Offset(0.0, -7.0),
          child: Text(
            '3',
            style: TextStyle(fontSize: 10),
          ),
        ),
      ),
      TextSpan(text: ')'),
    ],
  ),
)