Flutter for Web：Android Chrome 底部的文本被截断

Question

I am building a Web app through Flutter and when I tried to check my web app with Android simulator's browser, bottom part of the text cuts off. This can be related to lineSpacingMultiplier or LinearLayouts. But I'm not sure how to fix this with Flutter for Web. I don't have any physical Android device. Any help is appreciated!

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 fix my problem.

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,
                  )