flutter 如何实现上下标效果

效果图

实现思路：

使用WidgetSpan类

WidgetSpan是嵌入文本内部的小部件，宽度由内容宽度控制。这个小部件有一个child属性，是textspan没有的，因为textspan只有children这个集合的组件，因此，我们可以使用这个部件弥补textspan在某些功能上的不足。

从效果图看，这里可以分成两部分组成，比如，前面人民币符号与后面的字符串，此时，人民币符号跟后面字符串的位置是不一样的，人民币符号在垂直方向是向上移动一定的距离，因此，我们可以在原有的TextSpan里面增加WidgetSpan小部件，再借用WidgetSpan的child属性，给与Transform.translate类，接着改变人民币的在y轴上的位移即可。

WidgetSpan填坑过程

                            RichText