‪@FlutterFlow‬

Be a paid member. Support my work. Join the Klaturov army!
www.youtube.com/@flutterflowe...
Support my work
github.com/sponsors/bulgariam...
Website
bulgariamitko.github.io/flutt...
You can book me as FF mentor or support my work
calendly.com/bulgaria_mitko
GitHub repo
github.com/bulgariamitko/flut...
Discord channel
/ discord
RUclips channel
/ @flutterflowexpert
In this tutorial, I will show you how to do a simple search from an API call in Flutter.
A simple search is a way to retrieve specific data from an API based on a search term or query. It can be a useful way to filter and display data in an app based on the user's input.
In this tutorial, we will see how to do a simple search from an API call in Flutter. We will start by setting up a Flutter project and installing the necessary dependencies.
Then, we will see how to use the http package to make an API request and retrieve data from the API. We will also see how to parse the API response and display the data in the app.
Next, we will see how to implement a simple search function in the app using a TextField widget and the onChanged property. We will also see how to use the search term to filter the data and update the display in real-time.
Finally, we will see how to handle errors and exceptions that may occur during the API request and how to display the search results in the app.
By the end of this tutorial, you will have learned how to do a simple search from an API call in Flutter and will have the knowledge and tools to do so in your own projects. So, stay tuned and thanks for watching!
In this video
00:00 Introduction
00:24 Page setup
05:37 API Call setup
08:36 The JSON result
11:10 How it works
12:33 Live working app
14:46 Thank you!

[@flutterflowexpert]

🌟 Welcome to my video! 🌟 To ensure you have the best experience and access to all the resources mentioned, we've placed all active links in the video description below. This helps me keep everything up-to-date and easy for you to find!
👾 Join my Discord community! It's a great place to connect, share, and get the latest updates. The link is in the description as well.
💖 If you enjoy our content, consider supporting the channel. Every bit of support helps me create more of what you love. Details on how you can support are also in the description.
Thank you for watching and being a part of the community! 🚀

In my case the search field filter did not work.
I couldn't understand how you linked the search field with Listview. At no point in the video I could see where the search field is related to your listview to pull the data.

[@flutterflowexpert]

I explained this at 5:40. If you still need some help, please consider joining the FF community.

[@iamturbonium]

@@flutterflowexpert I admit I watched this 20 times and you skip over a big part of connecting the search field to the list view. You say "this is just how I do my API calls.." but then I watched your API video and it doesn't connect to this lesson, so it's hard to follow. How you set up your API seems to be integral to how this works.
I'm not saying this to criticize! This video is great in that it explains something super important, but it brushes over the critical piece to actually make it work.

[@flutterflowexpert]

@@iamturbonium Thank you for the feedback. Can you tell me which part of the video you need explanation so I make future videos even better. Thank you.

[@kallostomika]

@@flutterflowexpert Yes, excellent video and great explanation, but we can't understand how you had set up your "API calls" section, so when you go to the "Backend query" at 05:37, you already have those three parameters: searchResults, userEmail, criteria.
How did you set up these 3 parameters in the "API calls" section? If you could clarify that, then I think that would help many of us.
Thank you!

[@flutterflowexpert]

@@kallostomika You should set them up manually when you are setting your API call. Parameters names can be different based on your back-end

[@davidmora494]

Good tutorial video bro! I have just one question, how does your API work? It works just as a simple GET?

[@flutterflowexpert]

You can do it GET or POST requests. Both will work. As long as you pass the typed string as a search parameter to the query it should work.

[@ArielYahni]

Hi there, im stuck, trying to get where you are at 5:56 but i dont have the parameter

[@flutterflowexpert]

If you don't have the parameters then you have to setup your API call correctly. This video will help you understand how you can set it up
ruclips.net/video/7AT7ODSIid4/видео.html

[@maginixx]

please show how infinite scroll as you the API data country 100 for example, if every 3 records show, when you pull to the end, the data in the column, all had to load more 30 what already gives 60 , and each time that you load more automatically and dynamically incrementing until you give the 100 total records that come from the json API listed, I at flutterflow so far have not put a function that does this automatically, and this feature is extremely important, crucial for those who have many records coming in the api and wants to load everything in the app inside a listview or wrap column, as if it is pulling the pagination little by little but with auto increment in the column called scroll au increment, I don't know how to work with code and I chose to pay and use flutterflow for being a non-excellent option, but now we don't provide this fun that is very important and we need more, urgently please if there is any way to help ask what to help, because I'm crashing 1 me s in my app I can't solve this I have many no json banks I wanted to bring it little by little and on a screen as if it were all the data per record divided by pages because there are many, but I'm not trying to do it because the platform doesn't give that option , help me answer.
OBS: the name of the system I'm talking about is: Increment content in Column from API On pull To refresh

[@flutterflowexpert]

Did you watch my tutorial about Infinite scroll? ruclips.net/video/YBtfnbTiQFc/видео.html

[@fathimahasnak4747]

Do we need to upgrage to the pro plan to do this?

[@flutterflowexpert]

Yes, you need a pro plan in order to use the API calls, but you can use the same logic using FireBase which is free in FlutterFlow

[@myandrobox3427]

@@flutterflowexpert hey good tutorial, but I am able to use APIs even in free plan.. also on a side note, did you get a chance to work on the Google Sheets API and FlutterFlow, I am stuck with spreadsheets.values.batchGetByDataFilter, any help would be appreciated!

[@flutterflowexpert]

@@myandrobox3427 they change it so you don't need a pro plan for this anymore. Also for the Google sheets API you can write in the community people there will help for sure. :)

[@ForskakenOfficialYT]

please can you help me build my app I have no clue what im doing and its for a school project

[@flutterflowexpert]

Please if you have any problems building your app post in the community and we will help you :)

[@vjndr32]

thank you for the tutorial but please for the love of god stop calling API "appi". Please pronounce them as separate characters. A. P. I. 🙏

[@flutterflowexpert]

Thanks for the feedback! I will try my best next time :D

[@rudeawakening2346]

​@@flutterflowexpert nah bro stick with Appi, I'm from the UK and I understand you