ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Flutter - Using a future builder with infinite list view
ฝัง
- เผยแพร่เมื่อ 12 ส.ค. 2024
- - Using a future build works great to render widgets in the future.
- Construct a future builder.
- Show the states changes.
- Use the future builder to render a list view.
~ Source Code Used ~
gist.github.com/branflake2267...
i was looking for a way to load more contents when the list view is scrolled
All of your flutter videos are super helpful to me. And especially appreciate that you also kept mentioning those keyboard shortcuts. I learn not only the framework, but also the IDE.
Awesome, thanks! Thanks for the feedback too!
"****loads of useful info in here" alert!!!! Awesome tips, Brandon. Thanks!
Thanks a lot!
Nice videos! I don't understand why you have such a low amount of subs
Amaizing teaching method
Detailed instructions
Just great
Thank you!
Where is "with infinite list view" part?????
This is great. Thanks!
Thank you and thanks for the feedback!
Nice Video! Please keep going and make more Google Flutter Videos! 😀
Greetings from Germany :)
Thank you and thanks for the feedback! I'm prepping for the next videos and hope to get them out soon.Thanks!
thank sir! wait for next flutter tutorial more and more , please
Thank you!
Very helpful video, thanks!
At 8:54 you point out that you could have created a StatefulWidget but instead you just make a method.
I've noticed this too, but I don't understand the benefits of using Stateful/Stateless classes.
Could you give an example with paging and the streambuilder using firestore?
Thanks for your videos, They are very helpful. Just one question if you want to call Navigator.push in FutureBuilder, how to do it? For example, this code returns an exception
Widget build(BuildContext context) {
var futureBuilder = new FutureBuilder(
future: _getData(),
builder: (BuildContext context, AsyncSnapshot snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.none:
case ConnectionState.waiting:
return new Text('loading...');
default:
if (snapshot.hasError)
Navigator.pushNamed(context, "/other-page");
else
return createListView(context, snapshot);
}
},
);
Hi Brandon... Pretty cool video... How ever I dont know if you can help me to extract all pictures on the phone to show them on a gridview... I already did it but app crash because It runs out of memory cause' its loading all pics at once... Please if you know I appreciate. I already searched on google and there is no plugin there is nothing to fix this problem. Thanks so much
Is it possible to return FutureBuilder inside ListView.builder itemBuilder? To show spinner while next chunk is loading.
I don't see why not. I'm guessing a more efficient solution would be using a statefull widget. Or I've seen an animation controller used. I haven't tried it yet. I use a statefull widget in some of my item widgets. I'd try it out and see how it feels.
your future builder rebuild whole list, is it possible to rebuild only tail of list (without recalculating sizes of head widgets)?
I use the firebase animated list, and think this might do what you want. I'd check out it's source. If an item is updated it redraws the updates items. I'd also ask in the gitter.im room for other ideas.
is possible use with FirebaseAnimatedList? thank you
Oh yeah, I do this in my app, and I'll be showing how to do this in the near future.
FirebaseAnimatedList is the AnimatedList (which animate only items sizes, not ordering).
Brandon Donnelson Can you share an example?
I'm hoping to create a video showing the animated list with a future this week.
Brandon Donnelson thank you
why "Only Static members can be accessed in initializer" for future field.
I'm not sure I follow yet. I'd need more context on what you mean in the initializer. A static class member is one way to get to the data.
Only members marked as static in the class declaration can be accessed through the class initializer (without creating an object from the class first). If the member isn't marked as static, you need to create a class instance and then access it through there.
Please create a video to handle pagination API using future builder
Great idea. Thanks for the feedback. I'll add it to my list.
I found an example but its really hard to understand since I am a beginner :-)
proandroiddev.com/flutter-lazy-loading-data-from-network-with-caching-b7486de57f11
This might help add more context to the issue: th-cam.com/video/x3VvE6WukeY/w-d-xo.html
Hi Brandon,
I'm an italian developer who is learning flutter.
I have a problem with "snapshot.connectionState", is always waiting..
Can you help me ?
This is my function:
List data;
Future getData() async{
var client = http.Client();
var response = await client.get(
Uri.encodeFull("www.pippo.com"),
headers: {
"Accept": "application/json",
"Authorization": "pippo"
}
);
if ( response.statusCode == 200 ){
this.setState((){
data = json.decode(response.body);
});
return data;
}
}
Thanks for your attention, greetings
What I would do is set some breakpoints and see how far it's getting. Which line is it hanging on?
I fixed it, decoding json inside futureBuilder.
Now I have another problem with dropdown button; I pass him a dinamyc list on the init, but flutter rerturns me a "overflow error".
So I'm trying to use futureBuilder, but don't work.
Have you already hit this problem?
I think of it like this, the future builder basically waits for the future to return and then sets the state, so it renders again with the widget in the future builder. Overflow sounds like a layout config, which takes some messing around with.
I fixed the error modifying the dropdownbutton.dart :)