Uso la biblioteca react-native-phone-number-input. Quiero que la bandera del país se determine automáticamente dependiendo de dónde soy. ¿Cómo implemento esto?
<PhoneInput ref={phoneInput} defaultValue={value} // defaultCode="DM" layout="first" // onChangeText={(v) => setValue(v)} onChangeFormattedText={(v) => setValue(v)} placeholder={' '} defaultCode="IN" withDarkTheme withShadow autoFocus containerStyle={{ borderRadius: 0, width: '100%', height: 49, }} textInputStyle={{height: 68}} textContainerStyle={{paddingTop: 15}} />puede establecer el país predeterminado en función de la IP, presionar API Geolocalización que devuelve el código de país o algo así. luego regresa a tus aplicaciones
El paquete react-native-localize se puede usar para obtener el código de país del dispositivo de los usuarios actuales, y supongo que esto se puede pasar a su componente PhoneNumber para mostrar la bandera del país correcta.
import * as RNLocalize from "react-native-localize"; console.log(RNLocalize.getCountry()); // -> "FR"Supongo que esto entonces funcionaría
<PhoneInput ref={phoneInput} defaultValue={value} // defaultCode="DM" layout="first" // onChangeText={(v) => setValue(v)} onChangeFormattedText={(v) => setValue(v)} placeholder={' '} defaultCode={RNLocalize.getCountry()} withDarkTheme withShadow autoFocus containerStyle={{ borderRadius: 0, width: '100%', height: 49, }} textInputStyle={{height: 68}} textContainerStyle={{paddingTop: 15}} />