react-native-shared-element icon indicating copy to clipboard operation
react-native-shared-element copied to clipboard

Incorrect position of SharedElement in inverted Flatlist

Open waroulolz opened this issue 4 years ago • 3 comments

Hi, I have an shared element image displayed in each item of my flatlist. On click it transitions nicely to another view with the same shared element image.

However, if I add inverted={true} to my flatlist, the transition animations doesn't happen... while the debug mode is showing the correct start/end nodes.

<FlatList
        data={listData}
        initialNumToRender={6}
        renderItem={renderItem}
        keyExtractor={(item) => item.uuid}
        inverted={true}
      />

waroulolz avatar Jun 11 '20 12:06 waroulolz

It seems to me that the target destination is also "inverted", so with a small Flatlist, you can see part of the animation going to a totally offset location.

waroulolz avatar Jul 09 '20 00:07 waroulolz

@wcandillon What is your opinion on this issue?

mahsakhoomohammadi avatar Jan 10 '21 17:01 mahsakhoomohammadi

As far as I'm aware, this problem affects the Android implementation. The layout for inverted ScrollViews is not obtained correctly causing weird position and clipping issues.

IjzerenHein avatar Aug 19 '21 10:08 IjzerenHein

This issue has been open a while ago. I checked it today in the example app and I couldn't see the bug. @waroulolz can you take a look at the video and let me know if that's the expected behavior?

https://user-images.githubusercontent.com/4152181/214843722-d43dbee3-ecde-4fba-ae64-3169689e499e.mp4

p-syche avatar Jan 26 '23 13:01 p-syche

I'm closing this issue because I wasn't able to reproduce and the author is not responding.

p-syche avatar Mar 31 '23 11:03 p-syche