title: Flutter render Chinese text with strange positive bottom padding and negative top padding - thus not possible to vertically center a text
body: <p>Use this very simple code to reproduce:</p>
  <pre class="lang-dart prettyprint-override"><code>import 'package:flutter/material.dart';
  
  void main() =&gt; 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,
                ),
              ),
            ),
          ),
        ),
      );
    }
  }
  </code></pre>
  <p>This is the screenshot when running the app:</p>
  <p><a href="https://i.stack.imgur.com/ulhLS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ulhLS.png" alt="enter image description here" /></a></p>
  <p>As we can see, the text has two strange things:</p>
  <ol>
  <li>It has non-neglectable bottom paddings.</li>
  <li>It has negative top padding.</li>
  </ol>
  <p>This is a problem, because with such, we cannot vertically make a text center-aligned. for example, a <code>Center</code> will make the text &quot;box&quot; centered, but due to uneven padding, it will indeed be put higher than expected.</p>
  <p>By the way, I have tested it on a iPhone and an android, so it seems not to be a problem of one specific font, but rather something intrinsic.</p>