如何解决多行文本与行高垂直居中对齐
我目前正在尝试让文本以特定的行高应用并将文本垂直居中对齐。由于 TextStyle 上没有垂直对齐的选项,我尝试使用 StrutStyle 并导致 大约 将其与中心对齐。但是设置了行距后,行距和带有TextStyle高度的Text的高度是不一样的。
演示可以在dartpad查看。
Text(
'label A',style: const TextStyle(
fontSize: 16.0,color: Colors.red,backgroundColor: Colors.blue,),strutStyle: StrutStyle(
fontSize: 16.0,leading: (70.0 / 16.0)/2,forceStrutHeight: true,
解决方法
Wrap With Align
Widget 这将帮助您随心所欲地对齐。
Align (
alignment : Alignment.topCenter;
child : Text(
'label A',style: const TextStyle(
fontSize: 16.0,color: Colors.red,backgroundColor: Colors.blue,),strutStyle: StrutStyle(
fontSize: 16.0,leading: (70.0 / 16.0)/2,forceStrutHeight: true,
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。