I am successfully able to call the API function during pull to refresh action.
I also understand the insertitem and removeitem function on AnimatedList using global key
but I am having a hard time looking for references wherein the refresh indicator and animated list are combined.
If you could share a clue on what to use for the AnimatedList so that it gets updated or rebuild the list, that would be enough for me to handle the rest.
Related
How can it update a list view elements without doing pull-to-refresh
If I'm adding an element in a dialog window or from an Api, how to add/update the list view elements automatically.
Should I use StreamBuilder?
Use state management pub like Getx, or something with adlistener.
Yes you can use stream builder and you can also use setstate
setState(() { });
StreamBuilder Widget builds itself based on the latest snapshot of interaction with a Stream. Thus the state of the app changes whenever new elements are added in the list as long as the connection status is active.
You can also use the combination of ListView Builder and setState method, though the state of the app needs to change whenever a new element is added. Earlier StreamBuilder widget was updating the state of the app. Various methods like adding a button to the screen, which can help the user manually change the state; can be used depending on the use case.
You can read more about it from the official docs: setState method
StreamBuilder
This answer is not exactly about updating listView, but updating a widget(PiChart). As listview is also a widget, the implementation will be the same to update without refreshing.
In this method, I am using streamBuilder to update the widget. so need not refresh the app to update the data.
https://stackoverflow.com/a/69800324/13577765
How can I Bind data from API to gridview in Flutter on button click?
Lets say I have a search button that calls a search API, after I press search I will receive a JSON response, after that I need to show it on a gridview.
The API call is most likely going to come back through a Future, so the simplest is to use a FutureBuilder. But if you can follow it, I'd use a RiverPod FutureProvider, because it will cache the results and also has this cool .when thing that eliminates the need for a FutureBuilder.
What I do is fetching items from Firebase then saving them in a list and then I display them in a ListView. The Problem that I have now is that I check if the list has Items and if so it displays my ListView with the Items and if there are no items it displays a Text but even but even if there are items the text gets displayed but after pressing hot reload the items get shown.
My guess was that there is a Problem with the State of the Widgets overall because stuff like SetState has no effect or a Refresh Indicator
Is there a reason why the StreamBuilder is following your masterListStart().asStream as opposed to the masterList stream? I'm not saying it's wrong, its just not immediately obvious.
Either way, it's not rebuilding automatically because the only part of your displayStory method that is reactive to the stream doesn't get built until after the non empty list condition is met. Without implementing a reactive state management solution there's nothing in your code that automatically notifies any listeners that the state of the storysList has changed, which means nothing is triggering a rebuild. Which is why you have to hot reload to see the changes.
Without me getting too deep into your code, try returning the StreamBuilder at the top level of the displayStory method and putting all the conditionals inside its its builder method.
I am learning flutter_bloc and now i am aware now about it.I know how it used when fetching some data from server and then showing in widgets let's suppose list of items.
But i want to know how can i show loading indicator while making API call which is simple like increment quantity of item in cart.
I means it should work something like this.You click a icon and it calls a function which increment quantity of the item by an API call.
Now in that i want to fire event to ApiBloc which change it state to loading true and after the API call is done ApiBloc will change state to loading false.
And in my screen when loadimg is true i want to show the Loading indicator and as the bloc changes loading to false then Loading indicator will be disappread.
Please help me with this.
Pardon me if this is a naive question but I am trying to figure out a way in Flutter to load different data when the user clicks a button. The way I currently see is routing the user to a new screen everytime but I am sure there would be a better approach without loading the whole screen everytime
You should use a Stateful Widget
I would create a Future Builder / ListView Builder. Depending on how you want it to behave you could have the ListView items clear before regenerating the list of items to show.
Future Builder you could create a function to return certain widgets depending on the request you make with the function.