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 ?

user_10994132 · Answer

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

user_6074517 · Answer

I think this issue is already solved on Flutter 2.8

I just copy pasted the emoji on the Text string as follows.

   Center(
     child: AppCard(
       child: Text(
         'Hi there ',
          style: Theme.of(context).textTheme.bodyText1,
       ),
     ),
   ),

Emojis on flutter web are not displayed

2 Answers