如何让Flutter中的角色具有相同的宽度?

问题描述 投票:2回答:2

正如您在下面的图片中看到的那样,文本具有相同数量的字符,但由于数字“1”比“5”和“2”更细,因此两个文本的宽度都不同。

如何在Flutter中调整?

's

dart flutter flutter-layout
2个回答
1
投票

使用等宽字体,也称为固定间距,固定宽度或非比例字体,是一种字体,其字母和字符各自占据相同数量的水平空间。

维基百科解释得很好。 https://en.wikipedia.org/wiki/Monospaced_font


1
投票

Hiepav建议,似乎是一个很好的方法,因为你没有做错任何事,但字体中的每个字符都有不同的宽度,所以它必须调整,以提供足够的空间。

但是,作为一种解决方法,您实际上可以将文本包装在一个固定宽度大小的框中,为小部件的字符宽度变化提供足够的空间,例如SizedBoxConstrainedBox甚至Container,宽度限制和居中对齐子项。这样,使用该字体,至少应该使:垂直对齐。

© www.soinside.com 2019 - 2024. All rights reserved.