Flutter Text 文字没有居中

今天遇见一个坑爹的问题,就一个小小的 Tag,外面加了一个边框,里面套了一个Text,如果边框放大,其实根本看不出来,但是文字缩小,变宽内边距缩小就看出问题来了,根本不居中,他奶奶的各种Center Align嵌套都不好使 …

buildTag(String text) => Container(
padding: EdgeInsets.symmetric(horizontal: 4, vertical: 1),
decoration: BoxDecoration(
border: Border.all(width: 1, color: Theme.of(context).primaryColor),
borderRadius: BorderRadius.circular(8)),
child: Center(
child: Text(
text,
textAlign: TextAlign.center,
style: TextStyle(
color: Theme.of(context).primaryColor,
fontSize: 10,
),
),
));

后来才知道,这东西还得强制文字高度呢 …

forceStrutHeight: true,
buildTag(String text) => Container(
padding: EdgeInsets.symmetric(horizontal: 4, vertical: 1),
decoration: BoxDecoration(
border: Border.all(width: 1, color: Theme.of(context).primaryColor),
borderRadius: BorderRadius.circular(8)),
child: Center(
child: Text(
text,
textAlign: TextAlign.center,
style: TextStyle(
color: Theme.of(context).primaryColor,
fontSize: 10,
),
strutStyle: StrutStyle(
forceStrutHeight: true,
leading: 0,
height: 1.0,
),
),
));

再来对比下效果:

作者

江北饮马、江南折花

发布于

2024-03-25

更新于

2024-09-03

许可协议

评论