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.

Home Page:https://reactnative.gallery/xcarpentier/country-picker

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Country flags are faded on Android platform

allandallopez opened this issue · comments

Issue Description

Hello guys, Im facing an issue of the country flags colors are faded, its working well on ios.

Steps to Reproduce / Code Snippets

Running this code :

 <CountryPicker
    countryCode={countryCode}
     withFilter
     withFlag
     withCountryNameButton={false}
     withCallingCodeButton
     withAlphaFilter
     withCallingCode
     withEmoji
     onSelect={onCountryCodeSelect}
     visible={false}
     filterProps={{placeholder: 'Enter country name...'}}
 />

Output :
Screen Shot 2021-12-28 at 14 40 32

Expected Results

Screen Shot 2021-12-28 at 14 54 36

Additional Information

  • Nodejs version: v17.2.0
  • React version: 17.0.2
  • React Native version: 0.66.3
  • react-native-country-picker-modal version: 2.0.0
  • Platform(s) (iOS, Android, web, or all?): Android
  • TypeScript version: 4.4.4
commented

I'm also facing same issue

me too

commented

I have made a request to change the opacity from 0.8 to 1 in the flag.tsx file. let's see when the owner approves it.

I have made a request to change the opacity from 0.8 to 1 in the flag.tsx file. let's see when the owner approves it.

is it working for you?
i have changed it but its not working for me

commented

yes it won't work that way
I think when we install the library and flags.map.js files are created, that is where our 0.8 value is already written....this is my assumption...However, I tried to manually install the library after changing the value but still failed...

Even I face this issue on android, it works fine on iOS. Any other idea why it's happening ? Changing the opacity from 0.8 to 1 in the library is not helping..

I have the same issue an android

commented

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

i m also facing issue please fix soon as posible

Country Flag faded issue for Android is still there . Tried to make image flag opacity to 1 in library but it doesn't work infact tried to change in emoji flag and image flag but no solution works . Kindly help and has anyone solved it .

Still the same issue, is there any update on this guys ?

commented

Got the same issue here 🥺

this is not issue with a library but with emojis on android, there should be added color prop to emojis style like this
Screenshot 2022-06-04 at 13 44 44

i forked it and added it already
https://www.npmjs.com/package/@olegnjadocode/react-native-country-picker-modal

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