Search Bar in Flutter - Logic & Material UI

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 50

  • @tintin537
    @tintin537 3 роки тому +6

    Missed your tutorials

  • @saratm9973
    @saratm9973 10 місяців тому

    Thank you brother. Really useful.

  • @ismailduo
    @ismailduo 3 роки тому +3

    Thanks for this very good video!
    but FloatingSearchBar.of(context) doesn't give me the possibility to get the height ?
    and when I print it ,it's null !
    can you help please ?

    • @israamohamed9236
      @israamohamed9236 3 роки тому +1

      In case you still haven't gotten an answer, this worked for me:
      final fsb = FloatingSearchBar.of(context)!.style;
      return ListView(
      padding: EdgeInsets.only(
      top: fsb.height + fsb.margins.vertical,
      ),

  • @mattfrowe7697
    @mattfrowe7697 3 роки тому +5

    Fantastic tutorial, thanks for demonstrating this. Now to figure out how to transpose this to using bloc :)

  • @vaninhngoc6041
    @vaninhngoc6041 2 роки тому

    Thank you very much for creating this video, I want to ask a question. I want to add 1 icon before the line "Search and find out...". I've tried to find some way but it didn't work. Can you tell me a way to add that icon? Tks

  • @rammehar5531
    @rammehar5531 3 роки тому +1

    I always happy when I see your new video. you do great work always

  • @pierremarais7669
    @pierremarais7669 3 роки тому

    Hi Reso can I get the user to type a word and then connect to sqlite to return all elements containing the letters the user entered, Pierre

  • @abdullah-al-asad6549
    @abdullah-al-asad6549 3 роки тому +2

    Hi Matt, nice tutorial. Do you mind sharing your vs code editor theme. [ != sign, which font you have used] :-)

  • @yong-hyunkim7648
    @yong-hyunkim7648 3 роки тому

    Can I put this search bar to SliverAppBar in NestedScrollView?

  • @PreVlad
    @PreVlad 3 роки тому

    what does term stands for? It isn initialised

  • @HappyHorge
    @HappyHorge 3 роки тому

    Hi!
    I keep getting this error message:
    'package:material_floating_search_bar/src/floating_search_bar.dart': Failed assertion: line 393 pos 16: 'builder != null': is not true.
    My FloatingSearchBar is wrapped elsewhere in my app, tried changing it to what you have, but no difference.
    Do you know what might be wrong?

  • @lucasrennolimafilho3455
    @lucasrennolimafilho3455 3 роки тому +2

    Great Job !
    I had some issues with the updated flutter (2.2.0), some of the code doesnt work and then i had to figure it out how to 'translate' it. Besides that, cheers!

  • @beatrizcaldeira8341
    @beatrizcaldeira8341 2 роки тому

    great vid. Thanks a lot!

    • @beatrizcaldeira8341
      @beatrizcaldeira8341 2 роки тому

      by the way, if you're having problems with null safety, just add material_floating_search_bar: ^0.3.7 to pubspec.yaml instead

  • @heldim92
    @heldim92 3 роки тому

    Is there any chance for you to post here which extensions (name and author) you use?

  • @tanviristiak5287
    @tanviristiak5287 3 роки тому

    What is the name of your vsCode Theme?

  • @pierremarais7669
    @pierremarais7669 3 роки тому

    Hi Reso I went through your written tutorial also but could not find the github link, can you direct me, thanks

  • @er.rameshvlogs6953
    @er.rameshvlogs6953 3 роки тому +1

    Really useful video it is unique video on UA-cam to better way understanding thank you Reso Coder👍

  • @khaleds.t.t2445
    @khaleds.t.t2445 2 роки тому

    i'm always wondering now flutter has null-safety so your conditions can't be null and the variables we need to add the 'late' to not initiate them so my questions we remove the if statement or what?
    by the way awsome tutorial i enjoyed that 😍

  • @shanglee643
    @shanglee643 3 роки тому

    What does it mean when a null value being pass in as a argument?

  • @loicngou9592
    @loicngou9592 3 роки тому

    Hey matt, don't you think SearchDelegate with showSearch() is more powerful?

    • @ResoCoder
      @ResoCoder  3 роки тому +1

      It's much less customizable but otherwise I think you can do the same things with either approach.

  • @austinevick
    @austinevick 3 роки тому +1

    Am learning some advanced stuff here :). Great work sir

  • @arnavgujarathi5949
    @arnavgujarathi5949 3 роки тому

    I am getting an error while importing this package-
    'package:material_floating_search_bar/src/floating_search_bar.dart' - can someone please help me in resolving this

  • @avdheshsharma6116
    @avdheshsharma6116 3 роки тому

    Thanks for sharing.

  • @phutchins3
    @phutchins3 3 роки тому +1

    Thank you!

  • @wongvoonngee3307
    @wongvoonngee3307 3 роки тому

    Thank you for the tutorial. Btw, may i know, will you publish more android native tutorial in the future?

  • @hamza-chaoukii
    @hamza-chaoukii 3 роки тому

    Thanks a lot Reso coder🤗❤🤞

  • @h3w45
    @h3w45 3 роки тому +1

    This is great, thank you.

  • @gmiak_dv
    @gmiak_dv 3 роки тому

    Excellent! Thanks for explaining this.

  • @dktech6511
    @dktech6511 3 роки тому

    its great, thankyou bro

  • @neijaywarner
    @neijaywarner 2 роки тому

    does anybody know where the github project went? it's showing 404 and pub.dev says unverified uploader.

  • @vaibhavdangayachvd
    @vaibhavdangayachvd 3 роки тому +1

    Why not material search delegate?

    • @marlonsubuyu2012
      @marlonsubuyu2012 3 роки тому +2

      Sometimes it's not easy to implement something with Search delegate, for example, I tried to make some animations with colours, and I couldn't do it, so I decided to make my own Search bar

    • @MrQooje2
      @MrQooje2 3 роки тому +2

      It's limited when it comes to customization.

  • @eligbuefelix7988
    @eligbuefelix7988 3 роки тому

    Thank you very much...🙌🏼

  • @karansaggoo2935
    @karansaggoo2935 3 роки тому

    Hello
    Please make a video on search in flutter app on different firestore collection
    For eg there are three categories of vehical light , heavy , medium and have different collection in firebase
    And how to search throughout the app (search any category in home page )

  • @zemmouriyassine3802
    @zemmouriyassine3802 3 роки тому

    amazing

  • @MoAdel92
    @MoAdel92 3 роки тому

    please new videos about GetX and COnnectivity package

  • @FahadAyaz
    @FahadAyaz 3 роки тому

    Can you please show this to the Stadia team? 😅

  • @CrashOrFly
    @CrashOrFly 3 роки тому

    Great stuff. Excellent presentation. Priceless know-how. I'm almost getting used to your pronunciation of T's and P's :-),

  • @ahmedadnan5875
    @ahmedadnan5875 3 роки тому +1

    when I watch your tutorial I level up by double XP

  • @dennisbarzanoff9025
    @dennisbarzanoff9025 3 роки тому

    Dude, logicwise this is the best Flutter channel, period. If only the apps you show had amazing design too, it would make it so much more interesting to watch.
    You can also try the reverse deleting technique to show the code after writing it in chunks like Fireship does instead of typing them out

    • @ResoCoder
      @ResoCoder  3 роки тому +2

      Thanks. I'm going to do design focused tutorials soon, however, I find that mixing logic and nice UI in a reasonably short tutorial just doesn't play well.

  • @fmahmohammadi8858
    @fmahmohammadi8858 3 роки тому

    Third

  • @emmanuelolajubu4144
    @emmanuelolajubu4144 3 роки тому

    Not a good teaching, hard to understand tho