[web][3.7] Emojis are not properly rendered #119536
Description
Hi!
After installing the latest Flutter version (3.7), we noticed in our apps that the emojis in general (and emoji flags in particular) are flat, without colour.
Am I missing something? Is there a logical reason for this change? We didn't find any info related in the changelog of Flutter 3.7.
We tried to use the Noto Color Emoji in our last web application, but the app hangs many seconds to load the icons.
Steps to Reproduce
You can copy the code in DartPad:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(
scaffoldBackgroundColor: Colors.blueGrey,
),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: MyWidget(),
),
),
);
}
}
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
String k = 'ES';
String flag = k
.toUpperCase()
.split('')
.map((char) => 127397 + char.codeUnitAt(0))
.map((code) => String.fromCharCode(code))
.join();
return Text(flag);
}
}
Expected results:
This happens in Flutter 3.3.10:
Actual results:
This happens in Flutter 3.7:
--
Thanks!