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

标签 flutter dart

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

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/

相关文章:

flutter - 链接问题,即使 nm 在库中显示符号也找不到符号

flutter - 命令 “flutter create”如何工作?

android - 当应用程序处于深色/浅色主题(尤其是深色主题)时,在 Flutter 中测试应用程序外观的最佳方法

android - 如何在 dart/flutter 中提取 JSON 子数据

firebase - 如何在 Flutter 中的 firebase 查询中传递多个条件

Flutter Draggable - 如何将 Draggable 重置到起始位置?

flutter - 列表不透明问题 flutter

flutter - Flutter:如何在容器内对齐小部件

firebase - 在 beta 0.3.2 : incompatible block pointer 上使用 Firebase-auth 插件的 Flutter 的 Xcode 构建错误

dart - 如何在 Flutter 中创建全屏 TextField