Flutter Text控件在不同手机上不居中的问题

最新推荐文章于 2025-05-04 20:26:30 发布

原创

最新推荐文章于 2025-05-04 20:26:30 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #text #对齐

在Flutter页面改造中，遇到Text控件在华为、魅族和vivo手机上显示不居中的问题。通过检查控件属性并进行调整，成功解决了此问题。示例代码展示了如何实现居中对齐。

在最近flutter页面改造过程中，发现通过Contail包裹Text控件设置上下padding时，在华为魅族和vivo等手机上并没有居中展示，所以通过查看控件属性，得以解决此类问题

在这里插入图片描述
可以看到上面的在华为手机上明显偏下了

使用：

                Container(
                  padding: EdgeInsets.only(left: 4,top: 2,bottom: 2,right: 4),
                  color: Colors.blue,
                  child: Text('测试标题111'),
                ),
                Container(
                  color: Colors.blueAccent,
                  padding: EdgeInsets.only(left: 4,top: 2,bottom: 2,right: 4