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

最新推荐文章于 2025-03-11 09:00:00 发布

叔怀

最新推荐文章于 2025-03-11 09:00:00 发布

阅读量1.1k

点赞数 1

分类专栏： # flutter 文章标签： flutter text 对齐

本文链接：https://blog.youkuaiyun.com/NotesChapter/article/details/115968667

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在最近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(le