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

The loading never disappears #499

Open dennis-hernandez-driscolls opened 1 year ago

dennis-hernandez-driscolls commented 1 year ago

Issue Description

Whe the picker is presented in the ui the loading is displayed but it never disappears , it's like the connections is broken but I use wifi and mobile connection and nothing

Steps to Reproduce / Code Snippets

<CountryPicker {...{ countryCode, callingCode, withAlphaFilter, withCallingCode, withCurrency, withEmoji, withCountryNameButton, withCurrencyButton, withCallingCodeButton, withFlagButton, withCloseButton, withFilter, withFlag, withModal, visible, }} containerButtonStyle={styles.countryPickerContainer} onSelect={onCountryPickerSelect}
/>

const [countryCode, setCountryCode] = useState('US'); const [callingCode, setCallingCode] = useState('+1'); const withAlphaFilter: boolean = true; const withCallingCode: boolean = true; const withCurrency: boolean = false; const withEmoji: boolean = false; const withCountryNameButton: boolean = false; const withCurrencyButton: boolean = false; const withCallingCodeButton: boolean = true; const withFlagButton: boolean = true; const withCloseButton: boolean = true; const withFilter: boolean = true; const withFlag: boolean = true; const withModal: boolean = true; const visible: boolean = false;

export const styles = StyleSheet.create({

countryPickerContainer: {
    alignItems: 'center',
    justifyContent: 'center',
    borderColor: Colors.dividerGray,
    borderWidth: 1,
    borderRadius: 4,
    paddingHorizontal: 12,
    height: 52,
    marginTop: 5,
},   

});

Expected Results

Select the country from the list

Additional Information