​​ 最近在用 Flutter 做一个日语类 App，需要用到上面这种展示效果。HTML 的 ruby 标签可以达到这个目的，可惜 Flutter 不行，只能自己动手实现。 我一开始想得比较简单，不就是一个 Row 或者 Wrap 里面嵌入许多 Column 吗，直到读完 RubyText 的源码，我才发现是我肤浅了。 如上图所示，日语中的汉字和它的读音跟中文的汉字不一样，不是以字为单位，也就是说一个汉字可能对应多个假名，一个假名也可能对应多个汉字（比较少见），自然就会带来一个问题：汉字和假名

​​ 最近在用 Flutter 做一个日语类 App，需要用到上面这种展示效果。HTML 的 ruby 标签可以达到这个目的，可惜 Flutter 不行，只能自己动手实现。 我一开始想得比较简单，不就是一个 Row 或者 Wrap 里面嵌入许多 Column 吗，直到读完 RubyText 的源码，我才发现是我肤浅了。 如上图所示，日语中的汉字和它的读音跟中文的汉字不一样，不是以字为单位，也就是说一个汉字可能对应多个假名，一个假名也可能对应多个汉字（比较少见），自然就会带来一个问题：汉字和假名