How to get pop up effect using snaplist

[saltpetre]

@ariedov Hi,

how did you get the pop effect of the card in the vertical scroll list. I am referring to the screenshot you have with list of diff movies.

I am able to get the scroll but can't figure out the pop of effect of the card when it comes to the center.

Thanks

[ariedov]

Hey! Sorry for the late response.

You could provide a custom sizeProvider to the list and calculate the height using the params it provides.
The progress param is quite crucial for that.

I can't share the code that is used in the gif on README.md, because it is used in a closed project.

[phattranky]

Hi @ariedov,

I implement your suggestion. But seem it's only working with Next navigate

sizeProvider: (index, data) {
              if (data.center == index - 1) {
                final height = cardSize.height + data.progress;
                return Size(cardSize.width, height);
              }

              return cardSize;
            },

When I debug, Look the Index, Center value not correct when I navigate back like this issue #15. What was wrong?

[phattranky]

Hi @saltpetreca, Do you resolve this issue?

[saltpetre]

Hey Phat, sorry couldn’t solve it. Let me know how you did. On May 27, 2019, at 7:46 PM, Phat Tran Ky <notifications@github.com> wrote: Hi @saltpetreca, Do you resolve this issue? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[phattranky]

Hi @saltpetreca ,

I can solve the popup effect issue with my code mentioned above. But about the index still not yet

[arndt-s]

I've came up with the following workaround:

if (data.progress == 0 && data.center == index) {
  return cardSize;
} else if (data.next < data.center && data.next == index) {
  return cardSize;
} else if (data.next >= data.center && data.center == index - 1) {
  return cardSize;
} else {
  return cardSizeSmall;
}