今天遇见一个坑爹的问题,就一个小小的 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, ), ), ));
|
后来才知道,这东西还得强制文字高度呢 …
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, ), ), ));
|
再来对比下效果: