Flutter for Web：在Android Chrome浏览器的底部截断了文字

Question

我正在通过Flutter构建Web应用程序，当我尝试使用Android模拟器的浏览器检查Web应用程序时，文本的底部被截断。这可以与lineSpacingMultiplier或LinearLayouts相关。但是我不确定如何使用Flutter for Web修复此问题。我没有任何实体Android设备。任何帮助表示赞赏！

import 'package:flutter/material.dart';

class TestScreen extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
          child: Text(
        'good',
        style: TextStyle(
          fontSize: 24.0,
        ),
      )),
    );
  }
}

Answer 1

add: height: 1.5 解决我的问题。

Text(
                    widget.item.name + '\n' ?? '',
                    overflow: TextOverflow.ellipsis,
                    textAlign: TextAlign.start,
                    style: TextStyle(
                      color: MColors.primaryDarkBlue,
                      fontSize: titleFontSize,
                      fontWeight: FontWeight.normal,
                      height: 1.5,
                    ),
                    maxLines: 2,
                  )