Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

flag with initial country code width #426

Open
sunil-singh-chaudhary opened this issue Apr 17, 2024 · 1 comment
Open

flag with initial country code width #426

sunil-singh-chaudhary opened this issue Apr 17, 2024 · 1 comment

Comments

@sunil-singh-chaudhary
Copy link

sunil-singh-chaudhary commented Apr 17, 2024

Hi, I've implemented this package, but I've noticed that the flag and country code (+91) take up more space than necessary. I think it would look better if the country code was wrapped around the flag. This would also reduce the gap between the +91 and the phone number. Is it possible to customize the layout of the flag and country code?

Package version
intl_phone_number_input: ^0.7.4

Flutter version
3.19.6-0.0.pre.1 • channel stable
dart version : 3.3.3 • DevTools 2.31.1

Screenshots

Screenshot_1713333115

and the gap is becuase of full size of flag and country code

Screenshot 2024-04-17 at 11 48 32 AM

** Targeted platforms (please complete the following information):**
Android , IOS

@sunil-singh-chaudhary
Copy link
Author

finally found a it

selectorConfig: const SelectorConfig(
trailingSpace: false, //ADD THIS LINE
leadingPadding: 2,
selectorType: PhoneInputSelectorType.BOTTOM_SHEET,
),

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant