Some items do not display in SectionList until scroll trigger

Question

When using SectionList, rows are not displayed though renderItem is called. Rows appear immediately when scroll is triggered on the list.

I have found an issue on GitHub to discuss about this issue, but i didn't find any solution to fix it. And The issue have been closed and mark to resolved issue.

The solution that have found in above issue is disable removeClippedSubviews in SectionList by set value to false. I see that this is do not solution, just a trick. With the huge of list, disable removeClippedSubviews will be terrible solution because it's don't optimize performance of list view.

I have been looking many hours, but dont have any solution to fix it. Have any suggest to fix this issue?

I have use:

"react": "^16.0.0",
"react-native": "^0.55.4"

Answer 1

Try Using Props

<SectionList
maxToRenderPerBatch={2}
onEndReachedThreshold={0.5}

....

/>

i Hope this will help.