Unnecessary items rendering when list item size changes #1149
Unanswered
KerenCornix
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hi,
I’m experiencing a problem on iOS when the list contains a large amount of items, at least 30.
This issue happens only on iOS, It doesn’t happen on Android.
The items in my list are collapsible cards. When I entered the screen that contains the list, the first 30 cards are rendered as excepted. Then when I click on an open card in order to close it, another 20 cards, besides this particular card, are re-rendered and then immediately unmounted, which causes a performance issue. Is there a way to control this behavior to avoid the extra render?
I assume this happens because the card takes up less space after it collapsed and this causes a recalculation of the cards position. I couldn’t find a solution for that issue, do you have any idea?
Screen.Recording.2024-04-10.at.11.46.10.AM.mov
Beta Was this translation helpful? Give feedback.
All reactions