Faded emojis in android.

[victorkvarghese]

Why do the emojis look faded in Android its looking perfect in iOs?

i tried changing activeOpacity={1} for EmojiCell But no change ?

any help would be appreciated!

[arronhunt]

Hi @victorkvarghese, can you please share a screenshot? I'm not getting this problem on my emulator

[victorkvarghese]

Nexus 5 vs iPhone 6 Screenshot You can see the difference clearly. Emojis are faded in Android

[victorkvarghese]

@arronhunt Were you able reproduce the issue? Can you offer any workaround or why this happens?

[Mikael-Aberg]

Not sure if this is already solved but if you add "color:'#ffffff'" (or any color value) to the style of the Text component that displays the emojis this will be fixed.

<Text style={{ color:'#ffffff, fontSize: (colSize) - 12 }}> {charFromEmojiObject(emoji)} </Text>

[victorkvarghese]

@Mikael-Aberg Thanks a lot for this info.

@arronhunt I'm unable to check whether this fix works? If it does .. can you add a fix in the next commit?? I will work on a PR , but it might take some time

[arronhunt]

@victorkvarghese Were you able to solve this issue? I was unable to replicate :\

[victorkvarghese]

Was able reproduce this issue .. but I haven't checked whether the fix is working..

[tje3d]

Not sure if this is already solved but if you add "color:'#ffffff'" (or any color value) to the style of the Text component that displays the emojis this will be fixed.

<Text style={{ color:'#ffffff, fontSize: (colSize) - 12 }}> {charFromEmojiObject(emoji)} </Text>

Works! also you need to add color to TabBar text too

[arronhunt]

Hey @victorkvarghese can you check out the latest version on master and let me know if you're still having this issue?

[victorkvarghese]

@arronhunt no .. still faded

[krewllobster]

fwiw I'm also seeing faded emojis using the default <Emoji name={emojiName} /> component from the library.

May have to do with this: https://stackoverflow.com/questions/50840047/emojitextview-renders-emoji-semi-transparent

[darekg11]

Also happens to me on Huawei P8 Lite, Android 6.0. Really wanted to use this lib, is there anything I can do to help you debug this? I will try to do some debugging and tweaking around on the weekend to see if I could come up with anything to fix this up.

[cvongrim]

Happening to me also. Setting the color of the Text component to white works but breaks some of the emojis causing them to display blank.

It looks like the information in the StackOverflow link from @krewllobster is correct

I updated app/src/main/res/values/stylex.xml with an additional line

<item name="android:textColor">@color/black</item>

You will have to make sure that the color black exist in your app/src/main/res/values/color.xml

And now it looks as expected

It looks like this did not cause any issues with my Text colors anywhere else since I have been specifying their color in RN.

I am not sure how you could fix this in the library itself since it's really a projects global styling.

[darekg11]

Oh wow, thanks @cvongrim

[Dror-Bar]

@Mikael-Aberg Thanks a lot, that works.

This solution can be implemented in the module level, no need to change project scope text color.

Edit: However, I seem to be having double trouble - some of my icons are "broken" (show blank). And after some scrolling the position of the emojis is all over the place, they even render on top of each other. Ouch.

Edit2: The messed up emojis appear to be those starting with 'male-...' 'female-...' 'man-...' and 'woman-...'.

[arronhunt]

@Dror-Bar continuing the discussion of the duplicate and missing emojis in #27

Regarding the faded issue I may have to update the README to address this problem since it appears to be something I can't fix in the module.