Fintasys / emoji_picker_flutter

A Flutter package that provides an Emoji picker widget with 1500+ emojis in 8 categories.
MIT License
170 stars 127 forks source link

All emojis are black and white from the last upgrade. #136

Closed ProfiroiuMihai closed 1 year ago

ProfiroiuMihai commented 1 year ago

image

Fintasys commented 1 year ago

@ProfiroiuMihai Are you sure you are not using a custom-font?

marcuscorreasmash commented 1 year ago

here same problem (flutter web).... any solution?

version: 1.6.0

image

Fintasys commented 1 year ago

Make sure to use the correct custom font. The current example had black and white custom font. I will update it now to be colored by default.

Replace

emojiTextStyle: GoogleFonts.notoEmoji(color: Colors.black),

with:

emojiTextStyle: GoogleFonts.notoColorEmoji(),
marcuscorreasmash commented 1 year ago

yeah, if to force emojiTextStyle: GoogleFonts.notoColorEmoji(), him open colored list. But i'm use font roboto into my project so when i'm paste the emoji into input Text, him showing black and white. This problem just show in desktop chrome

If i'm open website in my mobile, all works!

desktop chrome: image

mobile chrome: WhatsApp Image 2023-06-13 at 17 26 51

Another problem i see, when i added emojiTextStyle: GoogleFonts.notoColorEmoji(), after open page a freeze happining (about 4 sec) and later the scroll work normality. If i remove, not freezed the scroll page

DyNamite-TNT-1 commented 1 year ago

Issue: Some emoji not have right supported Font, so those emoji can't display right: Box have X inside, black and white color. image I added notoColorEmoji Font inside EmojiPicker class. image And it worked, emotions are no longer replaced by box icons and are not rendered in black and white. image I use textfield like your example(https://github.com/Fintasys/emoji_picker_flutter/blob/master/example/lib/main.dart) to display emoji, but it shows black and white emoji. I fixed it by using notoColorEmoji Font again into textStyle of textfield. image The problem is space between each word too large. It seems like font's default. image So have you another Font or another solution to fix this? Btw, I am developing a linux app on ubuntu 20.04. Sorry about my english if it make u confuse when read this. I try to be better! Thank you!

marcuscorreasmash commented 1 year ago

I managed to solve for flutter web by updating the engine Initializer.initializeEngine line passing parameter useColorEmoji: true

example: engineInitializer.initializeEngine({ useColorEmoji: true });

With it, it was not necessary to pass any other parameters in the package.

If you want to check it out, you can access our gift cards website developed in flutter: https://loja.smash.gifts/

tks