From 8b0e575f6423575c08e9a6748be41c888611d631 Mon Sep 17 00:00:00 2001 From: Hailey Date: Wed, 6 Mar 2024 15:33:23 -0800 Subject: Adjust FlatList performance in main feeds (#3134) * adjust flatlist perf settings * calculate initial num to render based on screen height * adjust window size * don't react to screen height changes --- src/lib/hooks/useInitialNumToRender.ts | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 src/lib/hooks/useInitialNumToRender.ts (limited to 'src/lib/hooks/useInitialNumToRender.ts') diff --git a/src/lib/hooks/useInitialNumToRender.ts b/src/lib/hooks/useInitialNumToRender.ts new file mode 100644 index 000000000..942f0404a --- /dev/null +++ b/src/lib/hooks/useInitialNumToRender.ts @@ -0,0 +1,11 @@ +import React from 'react' +import {Dimensions} from 'react-native' + +const MIN_POST_HEIGHT = 100 + +export function useInitialNumToRender(minItemHeight: number = MIN_POST_HEIGHT) { + return React.useMemo(() => { + const screenHeight = Dimensions.get('window').height + return Math.ceil(screenHeight / minItemHeight) + 1 + }, [minItemHeight]) +} -- cgit 1.4.1