Delayed animation of list item on scroll

[Sekib Omazic]

Hi there,

I've already tried to get some help on gitter.im and StackOverflow (https://stackoverflow.com/questions/51678837/delayed-animation-of-list-items-when-scrolling) but no luck yet. I'd like ListView items to start scrolling after some delay when the user starts scrolling. Basically it is the behaviour like in the gif on the right side. Some direction on how to do it would be nice. Do I need to create a custom ScrollPhysics for this or is there a simpler way?

Any help is very appreciated!

Thanks.

[Eric Seidel]

The gist you posted looks similar to how I would try.  I'd probably animate the padding on the individual tiles based on the scroll notifications.

I expect someone on this list (or stack overflow) can take a whack at the challenge.  Definitely looks doable in Flutter.

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Sekib Omazic]

If I slightly change my gist like this:

if (userScrollNotification.direction.toString() ==
	'ScrollDirection.reverse') {
	direction = 1.0; _controller.reset(); // ADDED
	print('start scrolling up from ${direction*tileHeight} to 0');
	_controller.forward();
	}

then I see all items get animated but the items "jump" down and then start sliding up. But all of them simultaneously - so it's not the wanted behaviour. I also tried using GestureDetection on each item but then scrolling doesn't take place at all.

[Claude Grecea]

Hi - I was wondering if you figured out a solution with animating items in a scrollable list? I am trying to do something similar and running into choppy scrolling not smooth.

[Matthias Bruns]

I've filed an issue for this on the flutter repo:
https://github.com/flutter/flutter/issues/26418

Seems that we do not have access to enough data to implement this.

[Dominik Roszkowski]

Hi, did you succeed with your implementation? I also would like to have animated padding or "delayed" animation in my list. I tried to control mainAxisStride in SliverGridDelegate, but it would be possible only when related to scroll velocity.

[Andy Greenshaw]

It must be possible with ListTile / Container in the ListView with AnimatedPadding (https://api.flutter.dev/flutter/widgets/AnimatedPadding-class.html)

Cheers,

Andy

 

---

From: flutt...@googlegroups.com on behalf of Dominik Roszkowski <domin...@gmail.com>
Sent: Sunday, August 25, 2019 1:06 pm
To: Flutter Development (flutter-dev)
Subject: Re: Delayed animation of list item on scroll

 

--
You received this message because you are subscribed to the Google Groups "Flutter Development (flutter-dev)" group.

To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/915cd656-71d7-442e-a3a4-d57f6b7c6c55%40googlegroups.com.