如何消除抖动文字上方和下方的间隙

时间:2018-12-30 04:10:41

标签: text flutter widget padding

我试图将文本“ Hello”放在“ 123”的正下方,但是文本越大,差距越大。我如何消除差距???在下面添加了颤动图像。

enter image description here

enter image description here

2 个答案:

答案 0 :(得分:2)

使用Stack小部件来对齐文本小部件

Stack(
      children: <Widget>[
        Text(
          '123',
          style: TextStyle(fontSize: 60.0),
        ),
        Positioned(
          child: Text('Hello'),
          bottom: 0.0,
          left: 35.0,
        )
      ],
    ),

希望有帮助!

答案 1 :(得分:2)

到目前为止,我唯一能找到的方法就是减少height属性,但问题是它缩小了上面的差距。因此,根据您的情况,您可以尝试将hello文本的内容设置为最小:

Text(
   '123',
    style: TextStyle(fontSize: 60.0),
),
Text(
   'hello',
    style: TextStyle(fontSize: 10.0, height: 0.1),
),