Ffltter Text
小部件中的StrutStyle
是什么?我已经阅读了this documentation,但是我无法理解其含义,特别是height
、leading
和fontSize
参数.
Ffltter Text
小部件中的StrutStyle
是什么?我已经阅读了this documentation,但是我无法理解其含义,特别是height
、leading
和fontSize
参数.
您可以将StrutStyle
视为Text
小部件中文本的最小行高.documentation号公路是一个很好的起点.
下面是一个有助于将其可视化的图像:
左边的彩色矩形是支柱(尽管实际上支柱没有宽度).该矩形的高度是最小行高.队伍不能再短了.但它可以更高.
可以使用倍增器更改支柱的垂直尺寸.
在StrutStyle
级中,height
参数是上升和下降的乘数.在插图中,高度约为1.7,这使得绿色上升和粉红色下降的比例比原始图像中的大.前置高度倍增器可以单独控制.您可以使用leading
参数来设置它.不过,我使用了与上升和下降相同的乘数.基线保持不变.
const Text(
'My text', // use 'My text \nMy text' to see multiple lines
style: TextStyle(
fontSize: 10,
fontFamily: 'Roboto',
),
strutStyle: StrutStyle(
fontFamily: 'Roboto',
fontSize: 14,
height: 1.7,
leading: 1.7,
),
),
其他设置,如fontFamily
和fontSize
,仅定义要使用高度乘数的字体度量.还请注意,TextStyle
不必与StrutStyle
相同.
支柱的概念来自CSS,这是从TeX得到的.
另见