xcarpentier/react-native-country-picker-modal

Country flags are transparent

ChethiyaKD opened this issue · 4 comments

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

  • Nodejs version: 16.16.0
  • React version: 18.1.0
  • React Native version: 0.70.1
  • react-native-country-picker-modal version: 2.0.0
  • Platform(s) (iOS, Android, web, or all?): Android
  • TypeScript version: ^4.8.3

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

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

What if I want the emojis?

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

What if I want the emojis?

Refer this- #453

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.