Тёмный

Country Code Picker | Flutter Package of the Week | Episode 4 (Latest) 

Backslash Flutter
Подписаться 13 тыс.
Просмотров 12 тыс.
50% 1

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💪

Опубликовано:

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@backslashflutter
@backslashflutter 2 года назад
0:01 Sorry this is Episode 4 🥲 Do let me know what package you want me to cover ! (SUBSCRIBE NOW)
@khubaibirfan9215
@khubaibirfan9215 2 года назад
Sir audio_player
@khubaibirfan9215
@khubaibirfan9215 2 года назад
Assets, network,file
@backslashflutter
@backslashflutter 2 года назад
@@khubaibirfan9215 gotcha
@khubaibirfan9215
@khubaibirfan9215 2 года назад
@@backslashflutter sir ui video?
@khubaibirfan9215
@khubaibirfan9215 2 года назад
Pls sir
@anbeshathapa7932
@anbeshathapa7932 Год назад
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
@backslashflutter
@backslashflutter Год назад
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')
@praise7976
@praise7976 2 года назад
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.
@backslashflutter
@backslashflutter 2 года назад
❣️ thanks for watching
@mateoelizalde4243
@mateoelizalde4243 10 месяцев назад
Is there a way of not having my search box borders dissapearing when I tap on inputField in the "Select your country" screen?
@sonujha5118
@sonujha5118 Год назад
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?
@backslashflutter
@backslashflutter Год назад
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')
@acornerofherheart-jr9pl
@acornerofherheart-jr9pl 5 месяцев назад
countrycode!= null? countrycode!.flagImage:null, giving error cant use argument type object to the parameter type Widget.. any solution? i m stuck here
@Theloebtit32000
@Theloebtit32000 Год назад
wonderful video, this exactly what I needed. Thank you very much!
@backslashflutter
@backslashflutter Год назад
Glad it was helpful!
@nandaydas8670
@nandaydas8670 Год назад
Whenever I click, it says null check operator used on a null value. Can you please help?
@backslashflutter
@backslashflutter Год назад
this way i wouldnt be able to determine which part it is showing to, please provide more reference to this
@codewithnaddy
@codewithnaddy Год назад
Your explanation is really good. Can you please tell now to give an initial country code and country flag?
@backslashflutter
@backslashflutter Год назад
thanks for watching, in the place where you initialized the country code variable pass the json values.
@chidera2776
@chidera2776 3 месяца назад
@@backslashflutter hello please can you explain how to do this or give an example
@TechHacksmohitsharma
@TechHacksmohitsharma Год назад
Null check operator used on a null value I am getting this error
@ParasProgramming123
@ParasProgramming123 Год назад
mughe b
@backslashflutter
@backslashflutter Год назад
the palce where you can calling the CountryCode? _countryCode. Make sure to have this _countryCode == null ? const SizedBox.shrink() : Container('your code here')
@natdiv9
@natdiv9 Год назад
Very interesting tuto, it helped me! Thanks 🙏
@backslashflutter
@backslashflutter Год назад
glad to hear this mate!
@moizahmed5372
@moizahmed5372 Год назад
thanks
@backslashflutter
@backslashflutter Год назад
thanks for watching
@willspiremotivation
@willspiremotivation Год назад
tq so much ❤❤ sir. this package really very useful.
@backslashflutter
@backslashflutter Год назад
thanks
@hoangjohnny9572
@hoangjohnny9572 Год назад
Can we change the title "Select your country" and the hint in the search bar ?🤔
@backslashflutter
@backslashflutter Год назад
yes you can go to the package docs and see it
@michaelgoya3102
@michaelgoya3102 Год назад
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
@backslashflutter
@backslashflutter Год назад
have you checked the font color of text input?
@KavikumarC
@KavikumarC Год назад
setstate function is not showing inside the ontap function what will i do for that?
@backslashflutter
@backslashflutter Год назад
at what place mate?
@dhananjaypatil2355
@dhananjaypatil2355 2 года назад
And also please tell us how to publish app to play store
@backslashflutter
@backslashflutter 2 года назад
👍
@sivashankarnagarajan7805
@sivashankarnagarajan7805 2 года назад
How to show default country code and flag based on the location?
@backslashflutter
@backslashflutter 2 года назад
create a init state and provide the default values in it
@maheshkhamkar8008
@maheshkhamkar8008 Год назад
give a example on it
@sat_talk
@sat_talk 2 года назад
Great video..keep it up
@backslashflutter
@backslashflutter 2 года назад
Thank you so much ❣️
@praise7976
@praise7976 2 года назад
do you know any package for mobile verification (all countries).
@backslashflutter
@backslashflutter 2 года назад
I have worked with firebase otp verification, and i guess most people use that too, have you looked at it
@praise7976
@praise7976 2 года назад
@@backslashflutter ok
@letstry.coding_2816
@letstry.coding_2816 2 года назад
Thank you so much
@backslashflutter
@backslashflutter 2 года назад
Thanks for watching
@PankajSinghR
@PankajSinghR Год назад
Plz How to set default country flag on screen like countrycode
@backslashflutter
@backslashflutter Год назад
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.
@snakehackx
@snakehackx Год назад
what video! thanks so much
@backslashflutter
@backslashflutter Год назад
thanks for watching
@majorbriggs8876
@majorbriggs8876 Год назад
Please can you drop a code for a default country and its country code( without having that white scroll when clicking the dial code)
@backslashflutter
@backslashflutter Год назад
you can simply set the json values of it in starting initialization. Do let me know if you are unable to do that
@ParasProgramming123
@ParasProgramming123 Год назад
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
@backslashflutter
@backslashflutter Год назад
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')
@pranavvariar2751
@pranavvariar2751 2 года назад
Bro how much did your Mac cost and what is your configuration?
@backslashflutter
@backslashflutter 2 года назад
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
@pranavvariar2751
@pranavvariar2751 2 года назад
@@backslashflutter ok thanks bro is 8gb ram enough?
@backslashflutter
@backslashflutter 2 года назад
@@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
@pranavvariar2751
@pranavvariar2751 2 года назад
@@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.
@dhananjaypatil2355
@dhananjaypatil2355 2 года назад
Hey @shivansh Can you make roadmap for flutter developer Where to start
@backslashflutter
@backslashflutter 2 года назад
Sure bro ❤️
@dhananjaypatil2355
@dhananjaypatil2355 2 года назад
My error was resolved Thanks😇
@willspiremotivation
@willspiremotivation Год назад
sir, how to add vertical divider in textfieald ?
@backslashflutter
@backslashflutter Год назад
Use vertical divider widget
@MoinooTayara
@MoinooTayara Год назад
how do you add container in prefixIcon?
@backslashflutter
@backslashflutter Год назад
prefixIcon: Container() is this something you were asking?
Далее
Apple Event - September 9
1:38:19
Просмотров 24 млн
We Built an App in 24 Hours [No Code]
11:56
Просмотров 427 тыс.
Building a Mobile App in 2024: The BEST Technologies
13:31