infinite_scroll_pagination
infinite_scroll_pagination copied to clipboard
EdsonBueno
[Feature Request] AnimatedList equivalent
Hi @sm2017.
First of all, I'm sorry for the delay. I was on a trip for the past few days and just got back today.
The package doesn't have an AnimatedList equivalent right now.
I'll definitely consider adding one in the future. Thank you for your suggestion!
Hi @sm2017. First of all, I'm sorry for the delay. I was on a trip for the past few days and just got back today. The package doesn't have an
AnimatedListequivalent right now. I'll definitely consider adding one in the future. Thank you for your suggestion!
Hey there any update of animated list equivalent? Thanks
Yea any update with being able to remove items from the list in an animated way?
No updates. But let's reopen the issue in case anyone else has interest.
@EdsonBueno I am very interested in this, do you know if there is a temporary way to achieve this behavior?
Hi, I have not managed to use an animated list. If you have time, can you please make a small example, surely someone else will also find this useful. Thank you so much
I had a play with this today and took @EdsonBueno advice I tried to implement the bare bones PagedSliverBuilder as per his link here I didn't manage to make it work and I think the problem is here
completedListingBuilder: ( context, itemBuilder, itemCount, noMoreItemsIndicatorBuilder, ) => SliverAnimatedList( initialItemCount: itemCount, itemBuilder: (context, index, animation,) { final finished = itemCount = index; return SlideTransition( position: animation.drive(offset), child: itemBuilder.call( context, index, ), ); }, ),
in the above example the variable finished points to the problem, I don't claim to be an expert so please correct me if I'm wrong, I think we can't return a single item here as we need the full list before we can start to animate it, and by the time its finished I will have a list of widgets not a single widget so this would need a new builder that accepted a list of widgets, happy to learn otherwise, here is my full widget
PagedSliverBuilder<int, InvoiceItem>( pagingController: _invoicesViewModel.getPagingController(), builderDelegate: PagedChildBuilderDelegate<InvoiceItem>( animateTransitions: false, itemBuilder: (context, invoiceItem, index) { return _invoiceItem( invoiceItem: invoiceItem, invoiceItemTileSelectState: null, ); }, firstPageErrorIndicatorBuilder: (context) => ew.ErrorWidget( showImage: true, error: _invoicesViewModel.getPagingController().error as ApiResponse, onTryAgain: () => _invoicesViewModel.getPagingController().refresh(), ), noItemsFoundIndicatorBuilder: _emptyListIndicator, newPageErrorIndicatorBuilder: (context) => _errorListItemWidget(onTryAgain: _invoicesViewModel.retryLastRequest), firstPageProgressIndicatorBuilder: (context) => const Center( child: LoadingWidget(), ), newPageProgressIndicatorBuilder: (context) => _loadingListItemWidget(), ), completedListingBuilder: ( context, itemBuilder, itemCount, noMoreItemsIndicatorBuilder, ) => SliverAnimatedList( initialItemCount: itemCount, itemBuilder: (context, index, animation,) { final finished = itemCount == index; return SlideTransition( position: animation.drive(offset), child: itemBuilder.call( context, index, ), ); }, ), loadingListingBuilder: ( context, itemBuilder, itemCount, progressIndicatorBuilder, ) => _loadingListItemWidget(), errorListingBuilder: ( context, itemBuilder, itemCount, errorIndicatorBuilder, ) => ew.ErrorWidget( showImage: true, error: _invoicesViewModel.getPagingController().error as ApiResponse, onTryAgain: () => _invoicesViewModel.getPagingController().refresh(), ), )
Also interested on this. I am having a very bad time deleting items from the list
This would have been a great feature to have. Has any one had luck with using custom PagedListView?
