I want to set a value for this field. Is there an option for that?

I know that i can change dfault text with using a ref and using onChangeText to set a default value but how can I do the same for setting a default country? I've tried the same approach by calling phoneInputRef.current!.defaultCountry(country) but it isn't getting set.

Please help. Thanks

In filterCountries method need add const { lang } = this.props;
otherwise there will be a mistake

country change will set the phoneNumber to '' ,but doestn't trigger onChangeText event. thus my state phoneNumber doesn't match the internal phoneNumber

All the sudden it stopped showing the flags for each country and now just shows the country prefix like this.
Did something changed?

Great work, Is there a declaration.ts file somewhere I can use for this library?

Hello, can i Submit a PR to fix México Max lenght?

i want to update default country . if user have alreday phoneNumber then i want to update default country as user deafult phoneNumber

Hello,

You developed a great plugin. I am using it but i have an issue
How can we show default mobile no. in textbox?
Please Help!

Hey, is there a prop to set the default value of the input field?

I want to use some normal TextInput props functions like onBlur, onFocus, etc. How can i do this, please? I thought the component should inherit all props of the normal TextInput. Please let me know how i can do this. Thanks

1. input a country code
2. select a country in the list
3. open country code list again
4. the filter country code will be cleared, and the list will display the last list

On android, I reproduced the example you provided but when I click on the flag, nothing happens.

Hello great component, thanks for your work.

MX mask should be '99 9999 9999'

Thanks!

In filterCountries function please use obj.en.indexOf(value) instead of obj.name.indexOf(value)

filterCountries = (value) => {
const countryData = data.filter((obj) =>
(obj.en.indexOf(value) > -1 || obj.dialCode.indexOf(value) > -1));
this.setState({ countryData });
}

The code of Cuba and Uruguay are wrong.
Cuba: +53 99 999 999
Uruguay: +598 99 999 999

Any chance to integrate onendediting so we are able to detect that the user has finished editing this input type?

https://reactnative.dev/docs/textinput#onendediting

When using expo and run it in browser, list of country(modal) is shown it should be hidden

Hi,

How can i programmatically set a value to IntlPhoneInput and automatically set the corresponding country flag?

Thanks

Is there any method to reset the phone number from text input?

How to use isVerified?

It seems there are 2 number formats in Indonesia (+62)

+62 XXX XXXX XXX
+62 XXX XXXX XXXX

But on Countries.js the mask is fixed as
mask: '9999-999-999' so only the first one works.

Is it possible to add multiple masks ?

Because some mask's formats are incorrect, Can you add a prop that provide the developer add custom mask?

Thank you @MuhammedAlmaz

It would be handy to have a focus method on <IntlPhoneInput />

const inputRef = React.useRef();

// focus on mount
React.useEffect(() => {
  inputRef.current.focus();
}, []);

return (
  <IntlPhoneInput
    ref={inputRef}
    ...
  />
);

No way to pass keyboardShouldPersistTaps to the internal flatlist

Please provide option to add custom phone input max length, since several country has different max length of phone number

After installing the package, i attempted to use the component

<IntlPhoneInput
defaultCountry="VC"
lang="EN"
onChangeText={({ dialCode, unmaskedPhoneNumber }) =>
setPhoneNumber(dialCode + unmaskedPhoneNumber)
}
/>

To reproduce the issue:

Install the package
Attempt to change the country's flag by searching for country's name

Error:

ReferenceError: Can't find variable: lang

Filter will not automatically capitalize the first letter of the word (Android), and it won't filter correctly.

Reproduce by installing the package and using the component as stated in the documentation.

Temporary solution is to go inside the node_modules folder -> IntlPhoneInput.js

Change it from false to "tel" or a preferred choice. If you install any other packages it'll revert that change made.

Hi team, I am using this plugin in my react native application and my requirement is i want to add number with start with 0 like if my Indian number like 99999 99999 then i am try to write 09999 99999 so at final character when i reach 0 should be remove and in textfield allow me to write number 99999 99999. as per current plugin behavior it allows me type like 09999 99999.

User should be allow enter 99999 99999 and 0 should be remove form first place so is there any possibility on this ? how i can achieve this

country name in search is case sensitive, which means the user will not found the country if he not using the first letter in uppercase.
it should be not case sensitive.

+92 XXX XXXXXXX

mask: '9999 9999999' -> INCORRECT
mask: '999 9999999' -> CORRECT

How can i pass arbitrary value from outside of the component as for example :

        <IntlPhoneInput
               ref={(ref) => this.phoneInput = ref}
               onChangeText={(props) => model.phone = props.phoneNumber}
               value={model.phone}
               defaultCountry="TR"
               lang="TR"
           />

Hello, sorry if that is a silly question, i would like to know if i submit a PR and you accept it, how long does it take to reflect on yarn or npm? i see a PR accepted that is not reflecting when i run yarn add...

Having multiple different phone numbers like home phone and mobile phone on one page and taking a different reference for each, always results in the second one having undefined value

It should be possible to overwrite the search icon.
Right now it's hardcoded.
<Text style={[styles.searchIconStyle, searchIconStyle]}>🔍</Text>

Path: react-native-intl-phone-input\src\IntlPhoneInput.js

According to the docs:

but when i'm trying to set the placeholder text color:

phoneInputStyle={{ fontSize: 16, placeholderTextColor:'rgba(255, 255, 255, 0.8)', color: "#FFF" }}

this happens: