Advanced Searching Technique in

[@the_digitalpro]

🔥 Looking for more content, further content, and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at www.thedigitalpro.co.uk

[@ymeshulin]

Absolutely thrilled to be seeing this. In my project I am approaching the stage where I will need to implement exactly this type of search, and your timing is somehow spot on. I do hope you realize, Steve, that while you might think you're just putting out educational videos, what you are actually achieving is empowering people to shape their lives, you're changing futures and possibly societies. 🙂I am a subscriber to one or two more Flutterflow-related channels, but none of them (well, apart from FF's own) match (or get close to) your level as a combination of the laconic delivery style, on-point examples and explanations on what's going on under the hood. Stunning work. Absolutely brilliant.

[@the_digitalpro]

Wow thank you so much for this amazing review of my content. I feel like I would like to frame it as it was so perfectly written. I recognise that not all my videos get massive views but my intention is not click bait content but to provide genuine useful guidance around some of the most common issues. Hopefully the topics will help people in their own projects to solve common problems. This is also why I always provide sample projects which do not sit behind a paywall. Thank you again for your support. All the best.

[@jimvh7557]

@@the_digitalpro You deserve the praise Steve. You’re doing really great!

[@CozweareOfficial]

Thank you very much for this tutorial, I've been looking for a solution for 3 days and you appeared like a messi. THANKS ! Really clear tutorial. You made someone very happy today. Take care and keep up the good work you are doing.

[@wayneergle]

Great and useful explaination of advanced searching. Looking forward to FlutterFlow fixing the bug and seeing infinite scrolling.

[@seka9910]

Amazing. Exactly when I was going to implement a dynamic search form in my project, the tutorial comes. Steve, I guess you have psychic capabilities! Thank you.

[@the_digitalpro]

Glad it was helpful! You are most welcome and thanks for your comment. I wish I did have super powers! 👌

[@AlexNoCodeTeam]

Brilliant explanation, thank you !

[@the_digitalpro]

You're very welcome!

[@arniifitness]

Amazing content as always!. Hope you get the chance to share how you do the infinite scroll that you hinted at the end of the video! This function is driving me crazy

[@the_digitalpro]

Yes as soon as FlutterFlow fix a bug I will then be right on it. It works on web but does not work in Local Run which is a pain. I get a code export error.

[@arniifitness]

@@the_digitalpro Yeah... I got the infinite scroll working, but I found the bug you probably see now - the jitters... Would you know a short-term clever workaround for this? I'm following the github bug for this now lol

[@AM0nition]

Great tutorial 👍

[@the_digitalpro]

Thank you very much 👍

[@ness_cek]

is there a way to add a filter function to the search too?

[@loutish2024]

Hi, is there a way to implement this without interfering with the realtime data update tutorial you did?

[@diymicha2]

Can I use an API call to fetch a list of cities from supabase sorted by distance by geolocation? Easy in MySQL: ST_Distance_Sphere( point ('input_longitude', 'input_latitude'), point(longitude, latitude)) / 1000 as kilometers from cities having kilometers

[@TalkToMe123]

Thanks for the nice tutorial. I have a problem. When I clicked the starter project in the description, there is an error message like "Project Access Restricted". What should I do?

[@the_digitalpro]

Thank you for reporting this. A recent FlutterFlow update caused this issue. I have now corrected it. Please try now.

[@chetty1212]

my search icon stays in loading mode when a search comes back with no results any way to stop the loading icon ?

[@guywithbackpack2457]

Hi Thanks for the interesting videos, I follow your contents, I was curious to know this search that you have implemented what is scalability factors in it?

[@konstantin3358]

Super video, super work - thank you very much for your effort! How can I optimize the search so that the whole list is displayed before I enter something in the search field? Thank you very much

[@atheer3343]

Is it possible to integrate Stripe connect (for multivendor type of transactions ) in flutterflow with supabase as a backend? If so Can you please make a video on this. Thank you for the content and info.

[@shivpratik]

Amazing video as always! I have a important question here, is it safe to use the API Key the way you have used in this video or are there other secure ways to implement for production?

[@the_digitalpro]

Yes this is fine so long as you implement a good standard of row level security within your database.

[@chyperred]

Unknown error compiling custom code. A common cause is a custom widget or action whose name in the code does not match the name provided in the editor.

[@leandro71254]

I have a problem, when I press the search button and there is no matching answer I can't do another search, do you know what's happening? I cloned your project, does anyone else have this problem?

[@leandro71254]

I resolved it by disabling Wait For Result on the button.

[@Ateesh.b]

Hiiii❤❤ , could you please make a tutorial on how to make your apps generate invoice (payment receipe) automatically in pdf form after the client has paid for the service. (inside flutterflow or buildship) and also being able to save the pdf invoice inside the phone or the invoice is sent via email.

[@Group881]

Great video as usual :) Does this work work with a "live search" experience, meaning that as you type the letters in the input text widget, you immediately start getting results in the suggestions list. I implemented it using a Firestore database (Flutterflow native integration). I put the search action on the input text widget (on change) and it worked. However, have you tried to make it work with a Supabase API query such as the one you have in the video? In my opinion, a "live search" experience is better than clicking on the search icon every time one wants to search, given that the suggestions pop-up instantaneously.

[@seka9910]

Exactly my thought! Live search would be a lot more user friendly. But I guess it would be fairly easy to convert this example to live search by adding the refresh query action to "On Change" trigger of the form field, instead of the "on tap" trigger of the search button. I will definitely give it a try.

[@Group881]

@@seka9910 Did it work? If yes, is the speed good?

[@seka9910]

@@Group881 Yes, I did and it worked. But there is an important consideration. Under the additional properties of the search text field, you need to enable "Update Page On Text Change" and set an update delay. When you set the delay as 0, a query gets fired after every keystroke, which is not optimal. When you set the delay too long, the lag gets noticable. In my case, where I query two different text columns of a Supabase table with 150K rows using "ilike.*[term]*", a 500ms delay was the best balance. Probably some indexes would also help but I'm not there yet.

[@seka9910]

@@Group881 Yes, it worked. Speed is fine. Make sure you enabled the additional property of search text field for "Update Page on Text Change" and set Update Delay accordingly. When you set it too high, the lag gets noticable by user. When you set too low, you fire a query to database after every keystroke. In my case 500 ms was fine.

[@BGdev305]

Search? Should have been Algolia.. but nice tutorial.

[@seka9910]

I guess for such a use case that would be overkill. But thanks for mentioning other options.