CODEWITHSUNDEEP
flutterdartemoji
Blay-Z
Blay-Z

Reputation: 81

Flutter is decoupling emojis?

For some reason flutter is decoupling some emojis. Some emojis get displayed fine, some are being displayed as 2 or more emojis at once, and some can't even be displayed (e.g. flag emojis, instead of german flag it says [D E] etc).

I've researched and flutter seems to have a general problem with rendering emojis. This problem persists since flutter was born, so, this bug has not been fixed for years, nor do i see anyone working on fixing it in the core framework...

Does anyone know any library, any workaround, any helper class that can solve this issue where the emojis get displayed the same way i see them on my keyboard?

Upvotes: 2

Views: 827

Answers (1)

Ashutosh Singh
Ashutosh Singh

Reputation: 1277

I was facing the same problem with the 🧑‍🎨 emoji being split into 🧑🎨 when using inside the Text widget. This problem was happening only on Android. Couldn't test on iOS. Web, along with dartpad was working fine.

Fixed this problem by using notoColorEmojiCompat font from GoogleFonts pub package.

Text(
  '🧑‍🎨',
  style: GoogleFonts.notoColorEmojiCompat(),
);

Upvotes: 1

Related Questions