Adding a search filter to a listview in FlutterFlow

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 96

  • @muhammadm.salman6857
    @muhammadm.salman6857 9 дней назад

    Amazing video. Probably the best out there on custom functions in FF! Thanks!

  • @RajagopalanVaradarajan-c4x
    @RajagopalanVaradarajan-c4x 13 дней назад

    Thank you for this! This worked so so well even after 2+ years!

  • @mariomini
    @mariomini 9 месяцев назад +4

    Really good tutorial, very clear. I'll just add that in newer versions of FF you will get an error if you make any of the arguments nullable so it's worth getting rid of that straight away. I'll also say if you want to search across multiple fields, use the Combine Text action to pass them all across to textSearchIn in one go

  • @comandeoleme
    @comandeoleme 8 месяцев назад +1

    Congratulations on the content, it helped me on the other side of the world. I live in Manaus, capital of Amazonas in Brazil.

  • @chisomomutale5736
    @chisomomutale5736 Год назад +9

    So this Man came, upload one very useful tutorial and disappeared

    • @heyimrith
      @heyimrith Год назад +1

      Yea

    • @mariomini
      @mariomini 9 месяцев назад +1

      There must be a meme for that ;)

  • @jaimegomez5314
    @jaimegomez5314 Год назад

    Excellent Video respected gentleman, I've been searching for this thing for a lot of time, but you gave me the answer. Thanks a lot and congratulations!!!

  • @stefanhillbrand4438
    @stefanhillbrand4438 Год назад

    Thank you. What a simple and elegant solution.

  • @xyzpqr181
    @xyzpqr181 Год назад +1

    Very well explained Jay ! 👏 thanks 🙌

  • @merryj-2024
    @merryj-2024 2 года назад +3

    Thank you! that's exactly what I was looking for, you were so helpful 👍

  • @mario7572
    @mario7572 9 месяцев назад +1

    Great job sir. Thank you for the help.

  • @IspyrGameDev
    @IspyrGameDev 2 года назад +1

    Elegant and simple solution, even beats the built in Simple Search! Thx very much! The only issue I'm having is that when using GridView it doesn't adjust the contents properly.

    • @ahmedyehia4846
      @ahmedyehia4846 Год назад +1

      yes same as me

    • @IspyrGameDev
      @IspyrGameDev Год назад +1

      @@ahmedyehia4846 I ended up having to use a "wrap" widget

    • @ahmedyehia4846
      @ahmedyehia4846 Год назад

      @@IspyrGameDev yes , but it's look not good

  • @FlutterFlow-y4u
    @FlutterFlow-y4u 11 месяцев назад +1

    Dude, you are the best.

  • @occisoundead4775
    @occisoundead4775 Год назад

    Straight to the point, thank you good sir.

  • @javiersempere9802
    @javiersempere9802 2 года назад +1

    great explain, please upload more flutterflow videos. Thanks You!

  • @ermanozkaya
    @ermanozkaya Год назад +1

    Thank you so much for this tutorial.

  • @PrestaVideo
    @PrestaVideo Год назад +1

    Thank you very much for your video; How to have a search field that filters results based on two separate fields ?

    • @antonypbsilva
      @antonypbsilva Год назад

      Did you could use the function textSearchIn?

  • @damo56
    @damo56 2 года назад +2

    Thanks bro🤩🤩🤩Working 100%💯💯💯

  • @AldrichCarrasco
    @AldrichCarrasco 7 месяцев назад

    Excellent. I've implemented without problem but I've like to search by 2 fields, like name and lastname, how can I achieve this?

  • @j.slowly8010
    @j.slowly8010 Год назад

    Amazing, so easy actually, thanks!

  • @sarxanabdullayev6440
    @sarxanabdullayev6440 4 дня назад

    Hı, thank you for video! i have one question, how return Empty result text if there is not any appropriate to query? I try with empty list widget built in listview, but it didn't give result

  • @jean-francoisriera8723
    @jean-francoisriera8723 7 месяцев назад

    A very pleasant and efficace solution ! Bravo !! Do you how we could count the visible elements ? Thanks !

  • @tf4714
    @tf4714 2 года назад +1

    Thanks for sharing this! Is there a way to use a filter on a list thats not using Firebase? (My App must work offline, thats why..) Like apply the "textSearchIn" to the widget Name or a local state variable? Thank you.

  • @playground8015
    @playground8015 2 года назад +3

    Thanks a lot. The video is perfectly made and very clear. A question for a beginner: what's different beetwin this method filter and using ALGOIA search services? THANKS FOR THIS VIDEO

    • @edgard6801
      @edgard6801 Год назад

      Algolia is very expensive.

  • @simon-maddox
    @simon-maddox Год назад +3

    Just to say that this custom function code fails as of v4 (on 19th Nov 23). The AI helped correct it though to include the required null checking:
    // search for a string in another string
    if (textSearchFor == null || textSearchIn == null) {
    return false;
    }
    return textSearchIn.toLowerCase().contains(textSearchFor.toLowerCase());

    • @JoshComninellis
      @JoshComninellis Год назад +1

      Thank you so much! I had this problem and had no idea how to fix it!

    • @mardoniorodrigues11
      @mardoniorodrigues11 Год назад +1

      Thanks

    • @JoshComninellis
      @JoshComninellis Год назад +1

      I'm really surprised that this is not natively available in the app. I came from Bubble and it had this feature.

  • @shanfts
    @shanfts Год назад

    Just saved my life. Thanks😇🥰

  • @MarmEatzADM
    @MarmEatzADM 9 месяцев назад

    Thank you, Jay!

  • @adivyarani3204
    @adivyarani3204 2 года назад

    Thanks for this wonder video. I have a doubt though, am i gonna get result if search numbers as well instead of text??

  • @efranlacerda
    @efranlacerda Год назад

    Excelente vídeo, qual api foi usada?

  • @ReidBrown23
    @ReidBrown23 2 года назад +1

    Hi. How might you do this with an external api?

  • @garrylowther
    @garrylowther 2 года назад +1

    Can you do the same video but connecting to an API?

  • @ajjayaroraa
    @ajjayaroraa Год назад

    lovely.. worked like a charm.

  • @russellmolimock
    @russellmolimock 4 месяца назад

    This only works for me if I tap inside the ListView before searching, and also hit enter after typing in the search text. Update on text change is definitely on though. It should be passive but it's not. Any ideas what I might be doing wrong? It's as if flutterflow doesn't bother with the visibility conditional until you click into the widget doing the query.

    • @russellmolimock
      @russellmolimock 4 месяца назад

      I at least got around the fact that it would only update the query after clicking into the listView. I also toggled on the textField attribute 'update page on focus change' and turned off autofocus. This means users have to click on the textfield in order to type in the first place, and that triggers the update on focus change. Basically update on text change doesn't work. I added a 'send' iconButton next to the textField that does nothing, but if users don't realize they have to hit enter they can hit that and since it changes the focus of the field it also updates the page. If anyone else has a better work around please let me know!

  • @MarmEatzADM
    @MarmEatzADM 9 месяцев назад

    Thank you Jay!

  • @AMAL-mr7ko
    @AMAL-mr7ko Год назад

    Really helpful....really appriciate it

  • @rabeezley
    @rabeezley 2 года назад +1

    Thank you for a great video. How could you search across multiple fields?

    • @johnkrueger2604
      @johnkrueger2604 2 года назад +1

      I know this is response comes late, but what I did is for the textSearchIn use the combine text feature and just added the different fields I am looking to search

    • @bigdata9605
      @bigdata9605 2 года назад

      @@johnkrueger2604 will you be able to post the snippet or share the code somewhere? ie codebin

    • @elmehdibelyasmine942
      @elmehdibelyasmine942 2 года назад

      @@johnkrueger2604 Can you be able to share what you did ? Thank you very much

    • @johnkrueger2604
      @johnkrueger2604 2 года назад

      @@elmehdibelyasmine942 Just follow the guide in the video and use the native combine text feature within FF to add all the fields you'd like to search to the textSearchIn input.

    • @johnkrueger2604
      @johnkrueger2604 2 года назад

      @@bigdata9605 No code snippet required. Just use the native combine text feature within FF to add all the fields you'd like to search.

  • @eynsoft5819
    @eynsoft5819 2 года назад +1

    Great video. Thanks.

  • @ahmedyehia4846
    @ahmedyehia4846 2 года назад +1

    amazing one

  • @DiegoSerranoBst
    @DiegoSerranoBst Год назад

    super! You saved me some time to think :)

  • @drearystate
    @drearystate Год назад

    How would you use this filter with flippable cards?

  • @elmehdibelyasmine942
    @elmehdibelyasmine942 2 года назад

    Thank you for your tutorial. Awsesome.
    However I have a question concerning adding a second argument like textSearchIn2 because I have two fields to search in : title and subtitle because they are separated collections but in same container.
    I put another line before the return boolean function and that take in account one argument but not both. How can I fix that ? thank you

    • @juliannick981
      @juliannick981 Год назад

      Hi buddy, did you solve two fields search ?

    • @elmehdibelyasmine942
      @elmehdibelyasmine942 Год назад

      @@juliannick981 unfortunately no ! And you ?

    • @laurentfourcade375
      @laurentfourcade375 Год назад

      @@juliannick981 easy. Just add more conditions in the visibility logic.

  • @shaemalcolm6349
    @shaemalcolm6349 Год назад

    OMG this is exactly what I was looking for! I checked out your website and couldn't find any contact info for you, but do you do consultations? Is there any way to book a few hours with you to review my app in FlutterFlow?

  • @amineredone1304
    @amineredone1304 2 года назад

    I was looking for this, thank you, I have a question is there away to make a Range Slider in flutterFlow and show the results base on that, thanks.

    • @JayMcCormack
      @JayMcCormack  2 года назад +1

      Hi @amine - it's possible.
      You can do it using conditional visibility on the list item as long as you've got a numeric value to compare to the slider. Otherwise you'd need to create a function (like in this example) where you're comparing the value of the list slider to a value in your list view item.

  • @yuvzohar
    @yuvzohar 11 месяцев назад

    great tutorial. thanks

  • @謝沛倪-f1m
    @謝沛倪-f1m 10 месяцев назад

    so helpful💖

  • @selfmasterytv
    @selfmasterytv 10 месяцев назад

    when I search for something, it keeps it showing but the the other list items are emptied but they are still there, why is it happening?

  • @ilpiaceripizzagrill2083
    @ilpiaceripizzagrill2083 2 года назад

    Excelente vídeo, justo lo que necesitaba , gracias !!

  • @legotron369
    @legotron369 Год назад

    thank you so much! what a giga chad.

  • @dementovoid2255
    @dementovoid2255 Год назад

    Hello, I have been trying to follow this tutorial, but the search filter only seems to update once I move to another screen and come back to the main screen (doesn't update in real time, only after switching screens). What should I try to fix this?

    • @dementovoid2255
      @dementovoid2255 Год назад

      Sorry, I got it now, I forgot to add the wait delay

  • @bobsteele6563
    @bobsteele6563 Год назад

    Thanks, worked great

  • @matewz
    @matewz 11 месяцев назад

    Sir. THANK YOU!!

  • @TheGrozzoXD
    @TheGrozzoXD Год назад

    thank you bro, excelent

  • @allanrouse8782
    @allanrouse8782 2 года назад +1

    Perfect! thanks!

  • @joaovitorcordeiro7757
    @joaovitorcordeiro7757 Год назад

    This is really good and very helpful! Your video is based on Document data, we need this same functionality when we use API, somehow that VIEW FROM SOURCE doesn't show up when working with API data, which is crucial. Is that on the way or any specific way to achieve this with API data, please guide or share a tutorial around that.

  • @jaguarconsultoriadigital8147
    @jaguarconsultoriadigital8147 9 месяцев назад

    Very good.

  • @LawrenceAfable-y2g
    @LawrenceAfable-y2g Год назад

    It works to me, thankss

  • @arfsystems
    @arfsystems Год назад

    Thank you!

  • @tiberiozz5693
    @tiberiozz5693 Год назад

    thank you !!

  • @KhoaNguyen-ux5lp
    @KhoaNguyen-ux5lp 2 года назад

    Thank you for sharing

  • @yevheniidubinin8362
    @yevheniidubinin8362 11 месяцев назад

    good idea

  • @AsAs-ly6fz
    @AsAs-ly6fz 2 года назад

    Hello, thank you for this video and your sharing! do you know how to ignore accents? (éèôùëêà) thank you in advance!

  • @bedoyb
    @bedoyb Год назад

    THIS VIDEO IS AMAZING YOUR MY FATHER

  • @dhananjayakumarpadmanaban8951
    @dhananjayakumarpadmanaban8951 11 месяцев назад

    Thanks alot

  • @salahmohamed5678
    @salahmohamed5678 2 года назад

    Thanks 😍

  • @aaronshailrepair
    @aaronshailrepair Год назад

    It says my code has errors even though I copied it exactly

    • @FMotivated
      @FMotivated Год назад

      uncheck all the nullable values in function and arguments too.

  • @GaborSzabo-g1y
    @GaborSzabo-g1y 10 месяцев назад

    thanks

  • @flutterflownapratica8499
    @flutterflownapratica8499 2 года назад

    muito bom, melhora muito a busca. Parabens

  • @paulocymbaum1566
    @paulocymbaum1566 10 месяцев назад

    Why are you whispering mate?