Emoji flags in the modal are transparent on Android

[trooperandz]

Issue Description

Emoji flags in the country picker modal are transparent on Android (not an issue on iOS). Note: this issue was previously opened, but it was closed and was never fixed/resolved in the codebase.

Without change:

With suggested change:

Steps to Reproduce / Code Snippets

On Android, render the country picker modal as described exactly in the documentation, with the emoji flags showing (the withEmoji value is true by default). Observe that the emoji flags in the modal have significant transparency, even before any press event is executed.

On iOS, render the country picker modal, same as above. Observe that the emoji flags do not have any transparency unless the press event is executed.

Adding a color style property to the emojiFlag style block in Flag.js fixes the issue:

Expected Results

On Android, the emoji flags in the country picker modal should not have any transparency until the press event occurs.

Additional Information

• Nodejs version: 18.14.2
• React version: 18.2.0
• React Native version: 0.71.6
• react-native-country-picker-modal version: 2.0.0
• Platform(s) (iOS, Android, web, or all?): Android
• TypeScript version: 4.8.4

[shravanbaghel]

Can I be assigned for this?