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

最新推荐文章于 2024-06-18 15:30:00 发布

原创

最新推荐文章于 2024-06-18 15:30:00 发布

· 1.1k 阅读

0 ·

版权

文章标签：

#flutter #text #对齐

在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