在ios/android应用程序中表情符号显示正确。但使用任何网络浏览器（如Chrome），表情符号显示为黑白。我也尝试了不同的字体系列，但结果相同。
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return const Scaffold(
body: Center(
child: Text('Enjoy! 🥳 If there\'s any question')
),
);
}
}第一节第一节第一节第一节第一次
1条答案
按热度按时间tag5nh1u1#
Flutter Web以白色显示表情符号，因为它当前不支持彩色字体或使用具有多个肤色选项的表情符号。当你在Flutter Web应用中使用表情符号时，它们将使用单色（黑白）版本的符号显示，没有任何肤色变化。
这种限制是由于Flutter Web基于HTML和CSS网页标准，目前不支持使用彩色字体或显示多肤色表情符号。虽然一些浏览器已经开始支持彩色字体和多肤色表情符号，但支持仍然有限，并非所有用户都可以访问这些浏览器的最新版本。
在Flutter Web中，您可以使用一些变通方法为emoji添加颜色。一种方法是使用emoji的SVG图像，可以使用CSS自定义颜色。另一种方法是使用第三方库，如Twemoji，它提供了一组各种样式（包括颜色）的预渲染emoji图像。
总的来说，虽然Flutter Web目前不支持显示多肤色表情符号或彩色字体，但有一些方法可以解决这一限制，并在必要时为您的表情符号添加颜色。