intl_phone_number_input 0.0.10

A simple and customizable flutter package on International Phone Number Input.

Intl Phone Number Input

A single and customizable flutter package for internation phone number input

Usage

Constructors

s/n	Constructor
1	InternationalPhoneNumberInput
2	InternationalPhoneNumberInput.withCustomDecoration
3	InternationalPhoneNumberInput.withCustomBorder

Available Parameters

InternationalPhoneNumberInput({
@required onInputChange,
      onInputValidated,
      inputBorder,
      inputDecoration,
      initialCountry2LetterCode = 'NG',
      hintText = '[phone] 23',
      shouldParse = true,
      shouldValidate = true,
      formatInput = true,
      errorMessage = 'Invalid phone number'});

Parameter	Datatype	Initial Value	Default [1]	Decoration [2]	CustomBorder [3]
onInputChange	function(string)	null	✔️	✔️	✔️
onInputValidated	function(string)	null	✔️	✔️	✔️
inputBorder	InputBorder	null	✔️	❌	✔️
inputDecoration	InputDecoration	null	✔️	✔️	❌
initialCountry2LetterCode	String	NG	✔️	✔️	✔️
hintText	String	[phone] 23	✔️	❌	✔️
shouldParse	boolean	true	✔️	✔️	✔️
shouldValidate	boolean	true	✔️	✔️	✔️
formatInput	boolean	true	✔️	✔️	✔️
errorMessage	String	Invalid phone number	✔️	❌	✔️

Examples

InternationalPhoneNumberInput(
 onInputChange: onPhoneNumberChanged,
);

InternationalPhoneNumberInput(
  onInputChange: onPhoneNumberChanged,
  shouldParse: false,
  );

InternationalPhoneNumberInput(
  onInputChange: onPhoneNumberChanged,
  shouldParse: true,
  shouldValidate: true,
  initialCountry2LetterCode: 'US',
  hintText: 'Insert phone number',
  );

InternationalPhoneNumberInput.withCustomBorder(
  onInputChange: onPhoneNumberChanged,
  inputBorder: OutlineInputBorder(),
  hintText: '[phone] 8901',
  initialCountry2LetterCode: 'US',
  errorMessage: 'Wrong number',
);

InternationalPhoneNumberInput.withCustomDecoration(
  onInputChange: onPhoneNumberChanged,
  initialCountry2LetterCode: 'US',
  inputDecoration: InputDecoration(
    border: OutlineInputBorder(
    borderRadius: BorderRadius.all(
      Radius.circular(40),
      ),
    ),
  ),
);

InternationalPhoneNumberInput.withCustomDecoration(
  onInputChange: onPhoneNumberChanged,
  onInputValidated: onInputChanged,
  initialCountry2LetterCode: 'US',
  inputDecoration: InputDecoration(
    hintText: 'Enter phone number',
    errorText: valid ? null : 'Invalid',
    border: OutlineInputBorder(
      borderRadius: BorderRadius.all(
        Radius.circular(40),
      ),
    ),
  ),
);

Dependencies

• libphonenumber

Credits

A special thanks to niinyarko