fix(messages): increase FlatList render limits to show all messages

A React Native app for the ultimate thinking partner.

- Increased windowSize from 10 to 50
- Disabled removeClippedSubviews to prevent aggressive culling
- Increased maxToRenderPerBatch from 5 to 20
- Added initialNumToRender of 50
- Fixes issue where only ~10 messages were visible despite 23 in state

cameron.stream 5 months ago a2a64acf c3e42533

+4 -3

1 changed file

expand all

App.tsx

+4 -3

App.tsx

··· 2174 2174 minIndexForVisible: 0, 2175 2175 autoscrollToTopThreshold: 10, 2176 2176 }} 2177 - windowSize={10} 2178 - removeClippedSubviews={true} 2179 - maxToRenderPerBatch={5} 2177 + windowSize={50} 2178 + removeClippedSubviews={false} 2179 + maxToRenderPerBatch={20} 2180 2180 updateCellsBatchingPeriod={50} 2181 + initialNumToRender={50} 2181 2182 contentContainerStyle={[ 2182 2183 styles.messagesList, 2183 2184 displayMessages.length === 0 && { flexGrow: 1 }