使用以下非常简单的代码重现:
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(),
body: Center(
child: Container(
color: Colors.orange[200],
child: const Text(
'探索文本工王田甲乙丙丁一二三四口',
style: TextStyle(
fontSize: 24,
height: 1,
),
),
),
),
),
);
}
}
这是运行应用程序时的屏幕截图:
正如我们所看到的,文字有两个奇怪的东西:
1.它有不可忽视的底部填料。
1.它具有负的顶部填充。
这是一个问题,因为这样,我们不能使文本垂直居中对齐。例如,一个Center
将使文本“框”居中,但由于不均匀的填充,它确实会被放置得比预期的高。
顺便说一句,我已经在iPhone和Android上测试过了,所以这似乎不是一种特定字体的问题,而是内在的东西。
2条答案
按热度按时间jchrr9hc1#
尝试引用strutStyle来调整填充,FYI
dzhpxtsq2#
请尝试以下代码