···172172 keyExtractor={item => item.message.id}
173173 renderItem={renderItem}
174174 contentContainerStyle={{paddingHorizontal: 10}}
175175+ inverted={true}
175176 // In the future, we might want to adjust this value. Not very concerning right now as long as we are only
176177 // dealing with text. But whenever we have images or other media and things are taller, we will want to lower
177178 // this...probably.
178179 initialNumToRender={20}
179180 // Same with the max to render per batch. Let's be safe for now though.
180181 maxToRenderPerBatch={25}
181181- inverted={true}
182182+ removeClippedSubviews={true}
182183 onEndReached={onEndReached}
183184 onScrollToIndexFailed={onScrollToEndFailed}
184185 onContentSizeChange={onContentSizeChange}
185186 onViewableItemsChanged={onViewableItemsChanged}
186187 viewabilityConfig={viewabilityConfig}
187188 maintainVisibleContentPosition={{
188188- minIndexForVisible: 0,
189189+ minIndexForVisible: 1,
189190 }}
190191 ListFooterComponent={<MaybeLoader isLoading={false} />}
191191- removeClippedSubviews={true}
192192 ref={flatListRef}
193193 keyboardDismissMode="none"
194194 />