Emojis on flutter web are not displayed

Question

I try to use emojis on flutter web, for example 😀, on a Text() widget, but the emoji does not appear and I get a cross instead.

Screenshot:

Code:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(),
      home: Scaffold(body: Text('This is an emoji 😀')),
    );
  }
}

Do you know how to solve it on flutter web ?

Solution

can try flutter_emoji package : https://pub.dev/packages/flutter_emoji

Comments

[Yahya Parvar]

Flutter web is not ready yet, it is better not to use it for production