gpt4 book ai didi

flutter - 如何修复文本小部件填充?

转载 作者:IT王子 更新时间:2023-10-29 07:15:41 25 4
gpt4 key购买 nike

随着字体大小的增加,缩进会在小部件的下方和上方添加,因此元素处于不同的级别。如何去除这个缩进?屏幕上的链接

Widget build(BuildContext context) {
return Container(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
Text("24°"),
Text("40°", style: TextStyle(fontSize: 80.0,), textAlign: TextAlign.end),
Text("42°")
],
),
);
}

Widget screen

最佳答案

此解决方案减少了怪异偏移问题。

Container(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,
children: <Widget>[
Text(
"24°",
style: TextStyle(fontSize: 40.0),
),
Text(
"40°",
style: TextStyle(fontSize: 100.0),
),
Text(
"42°",
style: TextStyle(fontSize: 40.0),
)
],
),
)

output

编辑:

showing the baseline

关于flutter - 如何修复文本小部件填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57444713/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com