xcarpentier / react-native-country-picker-modal

🇦🇶 Country picker provides a modal allowing a user to select a country from a list. It display a flag next to each country name.
https://reactnative.gallery/xcarpentier/country-picker
MIT License
1.07k stars 795 forks source link

Country flags are transparent #491

Closed ChethiyaKD closed 1 year ago

ChethiyaKD commented 1 year ago

Issue Description

All of the emojis have a transparency. https://stackoverflow.com/questions/74107839/how-to-fix-the-emoji-transparency-react-native-country-picker-modal-reactnat

Steps to Reproduce / Code Snippets

add color: 'black' to "emojiFlag" style class. [Flag.tsx][line:22]

emojiFlag: {
    color: 'black',
    alignItems: 'center',
    justifyContent: 'center',
    borderWidth: 1 / PixelRatio.get(),
    borderColor: 'transparent',
    backgroundColor: 'transparent',
  },

Expected Results

Screenshot 2022-10-18 at 23 21 10

Additional Information

DeepakSharma04 commented 1 year ago

I used withEmoji={false} and it's working fine.

ChethiyaKD commented 1 year ago

I used withEmoji={false} and it's working fine.

What if I want the emojis?

DeepakSharma04 commented 1 year ago

I used withEmoji={false} and it's working fine.

What if I want the emojis?

Refer this- https://github.com/xcarpentier/react-native-country-picker-modal/issues/453

ChethiyaKD commented 1 year ago

I used withEmoji={false} and it's working fine.

What if I want the emojis?

Refer this- #453

Thank you! However, I still think they can add that fix to the library.