Country Code Picker | Flutter Package of the Week | Episode 4 (Latest)
Вставка
- Опубліковано 10 вер 2024
- Country Code Picker | Flutter Package of the Week | Episode 4 (Latest)
Welcome to episode 4 of our Package of the week series in which every Thursday we look at some of the best packages that are available in the flutter community.
The package for this week is fl_country_code_picker. This package shows a modal that contains the country dial code. The user can also search for the available codes and select right from the modal.
⚡️ Important Links:
Follow On IG: [ / backslashflutter ]( / backslashflutter )
fl_country_code_picker:
[pub.dev/packag...](pub.dev/packag...)
► BECOME PART OF OUR FAMILY ON PATREON
[ / backslashflutter ]( / backslashflutter )
► ALSO LEARN A TO CREATE CHAT-BASED APP
📗 Chat App in Flutter and Firebase | Tutorial for Beginners to Advance | Android & iOS (Latest)
[ • Chat App in Flutter an... ]( • Chat App in Flutter an... )
🔔 Get updated with my projects🔔
Follow me on Github: [github.com/backslashflutter](github.com/back...)
#packageoftheweek #flutter #backslashflutter
Tags:
country code picker
flutter package of the week
flutter tutorial for beginners
flutter country picker
🔥 Subscribe for more:
[ / backslashflutter ]( / backslashflutter )
If this helps make sure to share it with friends and colleagues who will benefit from this
Have questions/queries? 💬 Comment below I will be happy to help
About Flutter:
Flutter is an open-source UI software development kit created by Google. It is used to develop cross-platform applications for Android, iOS, Linux, Mac, Windows, Google Fuchsia, and the web from a single codebase. The first version of Flutter was codename "Sky" and ran on the Android operating system.
THANKS FOR YOUR LOVE AND SUPPORT💪
0:01 Sorry this is Episode 4 🥲
Do let me know what package you want me to cover ! (SUBSCRIBE NOW)
Sir audio_player
Assets, network,file
@@khubaibirfan9215 gotcha
@@backslashflutter sir ui video?
Pls sir
i am receving an error message when i press to select a country " null check operator used on a null value" . Please give me a solution for this
CountryCode? _countryCode;
all the places where you are calling this _countryCode you need to make a null check there.
_countryCode == null ? const SizedBox.shrink(): Container('your code here')
i am creating a demo flutter app, i used this same package for country code but i dont know how to add flag, today i learned thank you.
❣️ thanks for watching
Is there a way of not having my search box borders dissapearing when I tap on inputField in the "Select your country" screen?
i am receving an error message when i press to select a country " null check operator used on a null value" . please what can i do to resolve it?
CountryCode? _countryCode;
all the places where you are calling this _countryCode you need to make a null check there.
_countryCode == null ? const SizedBox.shrink(): Container('your code here')
countrycode!= null? countrycode!.flagImage:null, giving error cant use argument type object to the parameter type Widget.. any solution? i m stuck here
wonderful video, this exactly what I needed. Thank you very much!
Glad it was helpful!
Whenever I click, it says null check operator used on a null value. Can you please help?
this way i wouldnt be able to determine which part it is showing to, please provide more reference to this
Your explanation is really good. Can you please tell now to give an initial country code and country flag?
thanks for watching, in the place where you initialized the country code variable pass the json values.
@@backslashflutter hello please can you explain how to do this or give an example
Null check operator used on a null value
I am getting this error
mughe b
the palce where you can calling the CountryCode? _countryCode.
Make sure to have this _countryCode == null ? const SizedBox.shrink() : Container('your code here')
Very interesting tuto, it helped me!
Thanks
🙏
glad to hear this mate!
thanks
thanks for watching
tq so much ❤❤ sir. this package really very useful.
thanks
Can we change the title "Select your country" and the hint in the search bar ?🤔
yes you can go to the package docs and see it
I have a problem, when I click on the country code and then I want to type in the phone number, the phone number disappears
have you checked the font color of text input?
setstate function is not showing inside the ontap function what will i do for that?
at what place mate?
And also please tell us how to publish app to play store
👍
How to show default country code and flag based on the location?
create a init state and provide the default values in it
give a example on it
Great video..keep it up
Thank you so much ❣️
do you know any package for mobile verification (all countries).
I have worked with firebase otp verification, and i guess most people use that too, have you looked at it
@@backslashflutter ok
Thank you so much
Thanks for watching
Plz
How to set default country flag on screen like countrycode
in the latest tutorial for phone authentication that is posted on my channel, there is implementation for that, altough the package is different but you can get the idea from it.
what video! thanks so much
thanks for watching
Please can you drop a code for a default country and its country code( without having that white scroll when clicking the dial code)
you can simply set the json values of it in starting initialization. Do let me know if you are unable to do that
bhai 9:18 tak to follow kiya mane but jb run kr rha hu 9:18 vale step pr tab har bar null vala error aa rha h
bro when you make CountryCode? countryCode as null, then whatsoever place you are calling countryCode, please make sure to add a check countryCode == null ? const SizedBox.shrink() : Container('your code here')
Bro how much did your Mac cost and what is your configuration?
It is macbook air m1, 8gb
I freelanced for 6 month to save enough to get this laptop. So if you plan to get it then go with M2 which is totally out of the box laptop
@@backslashflutter ok thanks bro is 8gb ram enough?
@@pranavvariar2751 depends on usage bro, if you are streaming on youtube or something like that, then 16gb would be a top notch specs, but trust me 8gb also do everything without any issues
@@backslashflutter thanks for your reply , I am currently developing a cross platform app using flutter desktop for Linux ,Mac, Windows and I am planning to take M2 air with 512gb SSD and 16gb ram.
Hey @shivansh
Can you make roadmap for flutter developer
Where to start
Sure bro ❤️
My error was resolved
Thanks😇
sir, how to add vertical divider in textfieald ?
Use vertical divider widget
how do you add container in prefixIcon?
prefixIcon: Container() is this something you were asking?