diff --git a/app/views/RoomView/List/List.tsx b/app/views/RoomView/List/List.tsx index e0dcb7c2d..6cb13225f 100644 --- a/app/views/RoomView/List/List.tsx +++ b/app/views/RoomView/List/List.tsx @@ -1,40 +1,32 @@ import PropTypes from 'prop-types'; import React from 'react'; -import { FlatListProps, StyleSheet } from 'react-native'; -// import { FlatList } from 'react-native-gesture-handler'; -import { FlashList } from '@shopify/flash-list'; +import { StyleSheet } from 'react-native'; +import { FlashList, FlashListProps } from '@shopify/flash-list'; import Animated from 'react-native-reanimated'; import scrollPersistTaps from '../../../lib/methods/helpers/scrollPersistTaps'; -const AnimatedFlatList = Animated.createAnimatedComponent(FlashList); +const AnimatedFlashList = Animated.createAnimatedComponent(FlashList); const styles = StyleSheet.create({ contentContainer: { - paddingTop: 10 + paddingTop: 4 } }); -// export type TListRef = React.RefObject FlatList }>; - -export type IListProps = FlatListProps; +export type IListProps = FlashListProps; // @ts-ignore const List = ({ listRef, ...props }: IListProps) => ( - item.id} // @ts-ignore contentContainerStyle={styles.contentContainer} - // style={styles.list} inverted estimatedItemSize={150} - // removeClippedSubviews={isIOS} - // initialNumToRender={7} onEndReachedThreshold={0.5} - // maxToRenderPerBatch={5} - // windowSize={10} {...props} {...scrollPersistTaps} /> diff --git a/app/views/RoomView/List/index.tsx b/app/views/RoomView/List/index.tsx index 463bf6dc5..7837e3732 100644 --- a/app/views/RoomView/List/index.tsx +++ b/app/views/RoomView/List/index.tsx @@ -147,7 +147,7 @@ class ListContainer extends React.Component { this.count += QUERY_SIZE; - const { rid, tmid, showMessageInMainThread, serverVersion } = this.props; + const { rid, tmid, showMessageInMainThread, serverVersion, listRef } = this.props; const db = database.active; // handle servers with version < 3.0.0 @@ -238,6 +238,7 @@ class ListContainer extends React.Component