标记导致 Flutter 宽度不同的表情符号

Question

一些旗帜表情符号似乎有额外的填充。见下图：

您可以看到丹麦国旗的宽度是两倍，但英国国旗的宽度是正确的。

完整的项目代码如下：

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

void main() {
  debugPaintSizeEnabled = true;
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('My App')),
        body: BodyWidget(),
      ),
    );
  }
}

class BodyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 100,
      margin: const EdgeInsets.all(50),
      child: Column(
        children: <Widget>[
          Text('', style: TextStyle(fontSize: 30),),
          Text('', style: TextStyle(fontSize: 30),),
        ],
      ),
    );
  }
}

这是一个错误还是我做错了什么？我希望所有的旗帜都具有相同的宽度。

它在一个更大的项目中给我带来了对齐问题。

Answer 1

这似乎是一个错误，而不是编程问题。确保您已升级到最新版本的 Flutter。从 Flutter 1.12.13+hotfix.6 开始 • 通道测试版我不再看到这个问题。

标记导致 Flutter 宽度不同的表情符号

Flag emoji causing differing widths in Flutter

layout

emoji

flutter