Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] There should be a way to select country code from dropdown on basis of country Describe the solution you'd like A clear and concise description of what you want to happen. There should be an option to select country from a dropdown and the country code gets updated on that basis. It would be great to have this feature.

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch [email protected] for the project I'm working on.

Because the onEndEditing callback is not getting invoked until after the TextInput component loses focus, my app was attempting to save the contents of the form before the onEndEditing was called, so the formatted result was not coming in. For my use, I added another callback comparable to onValueUpdate() called onFormattedUpdate(). I also fixed a small error where you didn't provide the onValueUpdate as a useEffect dependency.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-intl-phone-field/src/index.tsx b/node_modules/react-native-intl-phone-field/src/index.tsx
index af9a955..25f22d7 100644
--- a/node_modules/react-native-intl-phone-field/src/index.tsx
+++ b/node_modules/react-native-intl-phone-field/src/index.tsx
@@ -16,6 +16,7 @@ export type IntlPhoneFieldProps = {
   defaultValue?: string;
   defaultFlag?: string;
   onEndEditing?: Function;
+  onFormattedUpdate?: Function;
   onValidation?: Function;
   onValueUpdate?: Function;
   containerStyle?: object;
@@ -30,6 +31,7 @@ let resolveFlagTimeoutId: NodeJS.Timeout;
 export default function IntlPhoneField({
   flagUndetermined = '❓',
   onEndEditing,
+  onFormattedUpdate,
   onValidation,
   onValueUpdate,
   defaultCountry,
@@ -112,7 +114,11 @@ export default function IntlPhoneField({
 
   useEffect(() => {
     onValueUpdate && onValueUpdate(value);
-  }, [value]);
+  }, [onValueUpdate, value]);
+
+  useEffect(() => {
+    onFormattedUpdate && onFormattedUpdate(formatted);
+  }, [onFormattedUpdate, formatted]);
 
   return (
     <View style={[styles.container, containerStyle]}>

This issue body was partially generated by patch-package.