Flutter中 文字对齐方案

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情

最近在Flutter开发过程中，总是遇到说文字没有对齐、文字没有居中等等类似情况，这里总结下方案，希望能帮助到遇到相同问题的同行。

1、两个汉字字体大小不一致，需要在Row中水平居中对齐

解决方案：

1、设置height确保两个text的fontSize * height相等即可

2、不设置height，设置text组件的strutStyle并设置属性forceStrutHeight 为true

2、数字和汉字字体大小一致，需要在Row中水平居中对齐

解决方案：

因为字体大小相同，无法通过fontSize * height去计算应该设置的height高度，所以可以直接设置text组件的strutStyle并设置属性forceStrutHeight 为true

3、数字和汉字字体大小不一致

3.1、两个text在Row中水平居中显示

解决方案：默认居中显示，不用修改

3.2、底部对齐

解决方案：设置height确保两个text的fontSize * height相等即可

4、Text在Container中垂直居中显示

问题代码如下：

这个问题主要是有些手机上确实会看起来没有被垂直居中显示，看起来怪怪的，解决方案如下：

以上是个人遇到的文字及解决方案，可能还有其他不同的问题，如遇到可以一起讨论下。