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

网络上有一些相关的问题小部件被切成两半https://github.com/flutter/flutter/issues/40663https://github.com/flutter/flutter/issues/44802已经解决了请将flutter升级到最新版本，然后重试

工作演示

完整测试代码

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(        
        primarySwatch: Colors.blue,
      ),
      home: TestScreen(),
    );
  }
}


class TestScreen extends StatelessWidget {

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