Тёмный

Custom DropDown | Flutter UI 

TECHIE BLOSSOM
Подписаться 35 тыс.
Просмотров 53 тыс.
50% 1

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

 

16 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 89   
@borogove
@borogove 2 года назад
Great Tutorial! I needed a custom functionality the default Material Dropdown didn't provide. The first 15 minutes of your video alone helped me to build my own custom Widget. Thanks a lot!
@g_rice
@g_rice Год назад
I was in the same situation today, this video helped me figure it out way faster than I could have done it on my own by just reading the docs!
@techieblossom
@techieblossom Год назад
Nice to hear.
@dc5
@dc5 3 года назад
This was pretty awesome. Thanks for sharing!
@mesharibuhadi1437
@mesharibuhadi1437 2 года назад
Man thank you very much!! great video and hope the best for u
@chirantanthakkar51
@chirantanthakkar51 4 года назад
Great Work @Techie Blossom. Thank you so much for this wonderful tutorial.
@codontv1000
@codontv1000 Год назад
Thanks for this video 🎉
@xaxababa6616
@xaxababa6616 4 года назад
Dude this is awesome! Thanks my dude! If you could do complex login/signup pages that would be awesome too!
@agueroalvaro
@agueroalvaro 3 года назад
Thank you for the amazing dropdown!
@danishdarren1179
@danishdarren1179 4 года назад
Well I'm new to your channel .. The work around here is very professional and productive.. Keep it up. Love from Uttar Pradesh
@techieblossom
@techieblossom 4 года назад
Thank you
@TheGaoNan
@TheGaoNan 4 года назад
Techie blossom, i just discovered your channel, amazing work my friend! Keep it up
@user-ks5rv8wz4w
@user-ks5rv8wz4w 2 года назад
thank you
@decodedfaith7556
@decodedfaith7556 2 года назад
Nice one mahn! Thanks a lot
@salmankhuwaja4539
@salmankhuwaja4539 4 года назад
This tutorial is very helpful :)
@dchandrani
@dchandrani 4 года назад
It was great that you demonstrated use of factory method, but what I did was removed border radius from the child of Material widget and instead take ClipRRect as child of Material and gave border radius to it. That also worked. No need to write factory logic.
@techieblossom
@techieblossom 4 года назад
That's a good idea. Thanks.
@rbsdl
@rbsdl 4 года назад
You rock !!
@md.imamhossain1890
@md.imamhossain1890 3 года назад
Osthir, keep it up!!
@mohammedashabuddin5692
@mohammedashabuddin5692 4 года назад
That was really helpful. Thanks
@swetakumari282
@swetakumari282 4 года назад
This video is very helpful for me, so thank u sir, and i am requesting to you sir please make a video on how to implement checkbox group in flutter
@coolprashantmailbox
@coolprashantmailbox 4 года назад
Thank you so much for this video
@Станислав-щ7ф8е
@Станислав-щ7ф8е 4 года назад
Thanks for video, its was helpful for me.
@techieblossom
@techieblossom 4 года назад
Glad to hear that
@mohamedkhattab7002
@mohamedkhattab7002 3 года назад
​@@techieblossom hello friend your video is awesome but can you make video about making nested popup menu(like navbar in website) i think this idea would be great
@kev001able
@kev001able 4 года назад
Great video 👍🏼. Kindly do a provider with rest api application. Thank you
@tarun7822
@tarun7822 3 года назад
Loved your video. However, can you publish it as a working widget as of now most of the values are hardcoded and the select function is also not working or so, If you feel it's alright, I can make the changes and publish it as a handy plugin on pub dev.
@shahanahmed952
@shahanahmed952 3 года назад
@Tarun, have you done the changes or added it like a plugin?
@mohamedakhelij
@mohamedakhelij 3 года назад
please bro how can we dismiss the dropdown after clicking outside of it ??!
@mohamedkaraa3288
@mohamedkaraa3288 3 года назад
i'm stuck there too, did you find a solution for that ?
@mohamedakhelij
@mohamedakhelij 3 года назад
@@mohamedkaraa3288 not yet unfortunatly
@mohamedkaraa3288
@mohamedkaraa3288 3 года назад
@@mohamedakhelij i'll get back to you if i found out smthng
@mohamedkaraa3288
@mohamedkaraa3288 3 года назад
hello again, this thread on stackoverflow helped me solve the problem : stackoverflow.com/questions/59301800/how-to-hide-an-overlay-with-tap-somewhere-on-the-screen-with-flutter
@mariechristin7999
@mariechristin7999 3 года назад
First of all, thank you very much, it helped a lot. I used your video to make a dropdown, with dynamic count of items. My Problem is to get the selected value back, do you have a solution for me?
@shahanahmed952
@shahanahmed952 3 года назад
@Maria Christin, what did you do to solve this problem?
@VJKoding
@VJKoding 4 года назад
Amazing sir thanks you😍
@ProductionReadyApp
@ProductionReadyApp 2 года назад
good tutorial, but what if dropdown button is present at the bottom of the screen?
@Станислав-щ7ф8е
@Станислав-щ7ф8е 4 года назад
What is right solution for close DropDown before go to next or prev. screen? Shoud I use RouteAware + RouteObserver?
@techieblossom
@techieblossom 4 года назад
You can, I still have to learn what is that.
@FunfunGo7890
@FunfunGo7890 3 года назад
If I want to add more drop-down for example CALL to ACTION1 and CALL TO ACTION2 and CALL TO ACTION3 what should I do...button stretch itself while one is pressed
@chirantanthakkar954
@chirantanthakkar954 4 года назад
Hi Techie Blossom, Thank you for the Tutorial. I have an issue. 1) I am using this on screen_2. 2) I am Opening the DropDown and keeping it open. 3) I am pressing "back" button and moving to Screen_1. 4) The DropDown is still open. Tried overriding "dispose()" like this: @override void dispose() { floatingDropdown.remove(); super.dispose(); } This way, I get rid off the DropDown in Screen_1 but it's delayed by a second approx. I mean, the dropdown should be disposed off before moving to screen_1 but with this solution, the dropdown is still there for a second after the Screen_2 is gone. How to solve this issue?
@techieblossom
@techieblossom 4 года назад
Why dispose and remove, instead close the dropdown by changing flag of whether it's open or closed.
@tejaswininimbalkar7390
@tejaswininimbalkar7390 2 года назад
Hey, did you solve it?
@instcicada
@instcicada 3 года назад
Why not using using animated container or Animation builder ?
@amarpreetsingh857
@amarpreetsingh857 4 года назад
If I have two text field and one dropdown box.Whenever I select the dropdown box, the text field resets. setState() any solution?
@borderlandland830
@borderlandland830 4 года назад
Hey bro, I love your video, that's awesome!!! But have some question, how can i add some animation in OverlayEntery, I tried it on my project bu it didn't work, can u give some suggest to me???
@cartoon-with-kokoro
@cartoon-with-kokoro 4 года назад
how to get value on dropdown? i am not see that, can you help me? pls.
@godspoweronojaife9091
@godspoweronojaife9091 4 года назад
please i want the written tutorial of this lecture with the code.
@softwareeducation4330
@softwareeducation4330 4 года назад
I downloaded your project from github. I haven't changed any of it. But it gives an error in "widget.text.uppercase ()" part. I can only write normal text and it does not detect the item you selected. How can I solve this?
@techieblossom
@techieblossom 4 года назад
I will try to follow your steps, and see if it fails. Then I can give solution
@Charmin484
@Charmin484 4 года назад
Great work man, I have a question, how do i remove the overlay dropdown when i tap elsewhere other than the same place, say a blank space, i want the dropdown to be removed, how do i do that
@kleberksms
@kleberksms 4 года назад
It's necessary to remove itself: stackoverflow.com/questions/53751245/how-to-close-self-overlayentry-ontap, but I do not know what it's the right way.
@alexw650
@alexw650 4 года назад
I couldn't use it because I couldn't find a way to dismiss the dropdown menu when tapping on one of the DropdownItems :(
@techieblossom
@techieblossom 4 года назад
I think, I have explained what closes the menu Did you not use floatingDropdown.remove() when an item is tapped?
@alexyan7245
@alexyan7245 3 года назад
sir, how to implement dropdown with bLoc?
@allenrichardyeager8449
@allenrichardyeager8449 3 года назад
How to tap on item and overlay gone
@aloosh3291
@aloosh3291 4 года назад
Very nice, do you have complete courses on flutter ?
@techieblossom
@techieblossom 4 года назад
I have created some series of videos, but not created videos like crash courses and learn in one day like those things. ru-vid.com/group/PL342JVRNQxEDE8_NA_BCA8sG9W9NtW0oF ru-vid.com/group/PL342JVRNQxEBo_AnWeaoH6VqiEpRaHyGI ru-vid.com/group/PL342JVRNQxEC0Iz5J5qlKcrLRni5cU1jo
@sushilghorasaini7883
@sushilghorasaini7883 4 года назад
had to use '-' sign infront of xposition and yPosition to work, OverlayEntry _createDropDownMenu() { return OverlayEntry(builder: (context) { return Positioned( left: -(xPosition), width: width, top: -(yPosition) + height, height: 4 * height + 40, child: Container( color: Colors.red, height: 200, )); }); } any problem with that if used in other cases?
@techieblossom
@techieblossom 4 года назад
Why - used? Show the output if you do so.
@sushilghorasaini7883
@sushilghorasaini7883 4 года назад
@@techieblossom output from Debug Console without negative sign: I/flutter (28230): height: 60.0 I/flutter (28230): width: 319.5293998850261 I/flutter (28230): xPosition: -52.0 I/flutter (28230): yPosition: -68.0 If i remove negative sign, floating drop down menu moves towards top left corner of the screen.
@ojasviverma7055
@ojasviverma7055 2 года назад
Sir can you please tell me any package to search from one station to another station path. if I have set of stations with me, I have to search path from one station to another, do I have to use graph or any package is there do that
@techieblossom
@techieblossom 2 года назад
Google maps API.
@ojasviverma7055
@ojasviverma7055 2 года назад
@@techieblossom sir station are not on maps, consider metro app which has stations for which source to route need to find out, in that application
@techieblossom
@techieblossom 2 года назад
You have set of stations. Google map API can give you path details by giving name of station or latitude longitudes..
@ojasviverma7055
@ojasviverma7055 2 года назад
@@techieblossom Thankyou sir for replying but by stations I means static data which not exist on map exactly, consider a stations like A, B, C, D, E, F all connected now search path from A to E where A to B is one graph and D to F one and D is common vertex in this case how to implement source to destination search
@techieblossom
@techieblossom 2 года назад
Sorry no idea.
@Tonyluo2001
@Tonyluo2001 4 года назад
Thanks for the video. I'm trying to build a dropdownmenu that changes its menu items according to another input. I managed to change the list that loads into the dropdownbutton widget, but don't know how to make it refreshes itself. Can you give me some advices?
@techieblossom
@techieblossom 4 года назад
Use Bloc
@shahanahmed952
@shahanahmed952 3 года назад
How did you solve this issue?
@asifuddinahmedsheikh2367
@asifuddinahmedsheikh2367 4 года назад
1- This code does not return the selected value. 2- When we tap on a menu item it does not hide the menu. Reply. Thanks
@techieblossom
@techieblossom 4 года назад
Facing problem in doing that?
@asifuddinahmedsheikh2367
@asifuddinahmedsheikh2367 4 года назад
So , I cannot use it like selecting values / items from dropdown !!! (Do you still working on it or its a dead end) !
@techieblossom
@techieblossom 4 года назад
If you are unable to do let me know, I can update that in GitHub. I created video to let people know how you can create custom dropdown. Didn't considering adding selection events.
@BrYarDJ
@BrYarDJ 4 года назад
hello my brother you can tell me how can add multi text file to my project ? i added data.txt to folder in assests/ after that i need syntax to call text to my button please help. thanks.
@techieblossom
@techieblossom 4 года назад
Your query is half understood. Do you want multiple files in assets folder? Or do you want to access file in asset?
@BrYarDJ
@BrYarDJ 4 года назад
@@techieblossom im actually have multi txt file in folder assests/exampl/data.txt and i assort in pubspec.yaml. and i have multi buttons, for that when presses the button one data.txt view and for ether buttons do it , how can do it? i don't write syntax. thanks if you have idea.
@kailashks901
@kailashks901 4 года назад
How do I use this and choose any option and save it to a variable?
@techieblossom
@techieblossom 4 года назад
Bloc.. add event when any option is selected.
@kailashks901
@kailashks901 4 года назад
@@techieblossom Thanks!!!
@techieblossom
@techieblossom 4 года назад
Did you by chance add bloc??
@kailashks901
@kailashks901 4 года назад
@@techieblossom not till now. i am still learning the basics. Will be reaching the bloc part later.
@jonibaba9362
@jonibaba9362 4 года назад
This drop-down fits on as app bar ?
@techieblossom
@techieblossom 4 года назад
Why not, you can use it as app bar. Use colum in scaffold whose first element will be this widget.
@jonibaba9362
@jonibaba9362 4 года назад
@@techieblossom thanks I'll try
@brunomulas389
@brunomulas389 2 года назад
Five classes for a dropdown? Really?
@techieblossom
@techieblossom 2 года назад
Judging code by number of classes? Modular codes are like that.
Далее
Animal Planet App UI | Flutter
1:22:20
Просмотров 17 тыс.
Flutter Responsive UI | Learning Platform App - Part 1
44:44
Complex Animations in Flutter using Rive | Flare
15:44
Просмотров 225 тыс.
How to build next-gen UIs in Flutter
46:59
Просмотров 59 тыс.
Flutter Autocomplete Textfield Basic and Customization
37:07
you need to build a RUST desktop app!!
27:21
Просмотров 311 тыс.
Flutter Custom Error Message - Flash Message
5:27
Просмотров 75 тыс.