[Android] makeImageFromView takes a snapshot of the flatlist, the result has padding on it

[Rakha112]

Description

Hey, When I try to take a snapshot of a View that has a Flatlist using makeImageFromView, if I scroll down the Flatlist, then take a snapshot, the result of the snapshot will have padding on it, this happens only on Android works fine on iOS. Please see the GIF below Thank You

Version

0.1.229

Steps to reproduce

1. Clone the Repo
2. Run The App
3. Scroll then press the SNAPSHOT button
4. See the snapshot result

Snack, code example, screenshot, or link to a repository

https://github.com/Rakha112/BugMakeImageFromView

[TrevPennington]

Experiencing this as well

[louix]

This might be down to how a FlatList renders on React Native. It's derived from VirtualizedList, which as they say in the docs:

Virtualization massively improves memory consumption and performance of large lists by maintaining a finite render window of active items and replacing all items outside of the render window with appropriately sized blank space

[Rakha112]

Hey @louix thank you for your explanation. So, is this the expected behavior ? And is there a workaround for it?

[Nodonisko]

The underlying problem is not attributed to padding but to snapshots being captured from the top part of the FlatList, which may have already unmounted some components due to scroll offset. Should be solved by #2306

[Rakha112]

Hey @Nodonisko, thank you for your explanation. I hope that PR will be included in the next release. Thank you very much.

[Rakha112]

Hey @Nodonisko, after updating Skia to version 1.0.5, this issue has been fixed. Thank you very much.