Data re-rendering

[ReactNative-AutoAdvisers]

Even focused screen data is re-rendering again and again on every screen tap

[dmgcoding]

I'm kind of experiencing this as well.

[LucasTrombim]

me too

[DanielKuhn]

This is because the ScrollView creates an anonymous function for the ListHeaderComponent prop which is a new component on every render, causing it to get unmounted and remounted again and again.
According to the documentation of RN FlatList, the ListHeaderComponent can be a function OR an Element. Changing this to element stops the rerenders.

See #8 for the fix.

[sheggietyn]

facing this same issues ... unable tp correct it here

[DanielKuhn]

The complete implementation of this package is 10 lines of code!
Since the maintainer seems to have abandoned it, you can simply copy the ScrollView implementation and use it directly in your project.
Just make sure to adjust the ListHeaderComponent like this: https://github.com/hoaphantn7604/react-native-virtualized-view/pull/8/files to avoid constant re-rendering.

[elkee2003]

The complete implementation of this package is 10 lines of code! Since the maintainer seems to have abandoned it, you can simply copy the ScrollView implementation and use it directly in your project. Just make sure to adjust the ListHeaderComponent like this: https://github.com/hoaphantn7604/react-native-virtualized-view/pull/8/files to avoid constant re-rendering.

I can't seem to get it correctly to stop the render, can you help show the implementation?
is it like this:
<ScrollView showsVerticalScrollIndicator={false} keyExtractor={(_e, i) => 'dom' + i.toString()} ListHeaderComponent={() => <>{props.children}</>} > </ScrollView>

[DanielKuhn]

ListHeaderComponent={() => <>{props.children}</>} => wrong, anonymous function, re-rendering
ListHeaderComponent={<>{props.children}</>} => correct, element, no-re-rendering