flutter - 如何在 Flutter 中显示指数字符串？

Question

我正在努力2在 Flutter Web 屏幕上显示这种类型的字符（ mini ）：

我一直在环顾四周，但没有任何好的结果。目前是否有任何现有的包或方法可以干净地显示这个？

标签： flutterflutter-web

Answer 1

您可以在 WidgetSpan 中使用 offset 属性。

RichText(
  text: TextSpan(children: [
    TextSpan(text: '90 m',),
       WidgetSpan(
          child: Transform.translate(
            offset: const Offset(2, -4),
             child: Text(
                    '2',
                   //superscript is usually smaller in size
                   textScaleFactor: 0.7,
              ),
          ),
        )
  ]),
)

或使用指数 2 的 Unicode

Text("90 m\u00B2"),