diff --git a/app/views/RoomView/List/components/List.tsx b/app/views/RoomView/List/components/List.tsx index 22c07570f..0f44bb161 100644 --- a/app/views/RoomView/List/components/List.tsx +++ b/app/views/RoomView/List/components/List.tsx @@ -1,6 +1,5 @@ import React, { useState } from 'react'; -import { FlatListProps, StyleSheet } from 'react-native'; -import { FlatList } from 'react-native-gesture-handler'; +import { StyleSheet } from 'react-native'; import Animated, { runOnJS, useAnimatedScrollHandler } from 'react-native-reanimated'; import { isIOS } from '../../../../lib/methods/helpers'; @@ -8,9 +7,6 @@ import scrollPersistTaps from '../../../../lib/methods/helpers/scrollPersistTaps import NavBottomFAB from './NavBottomFAB'; import { IListProps } from '../definitions'; import { SCROLL_LIMIT } from '../constants'; -import { TAnyMessageModel } from '../../../../definitions'; - -const AnimatedFlatList = Animated.createAnimatedComponent>(FlatList); const styles = StyleSheet.create({ list: { @@ -36,14 +32,13 @@ export const List = ({ listRef, jumpToBottom, isThread, ...props }: IListProps) return ( <> - item.id} contentContainerStyle={styles.contentContainer} style={styles.list} - inverted={isIOS} + inverted removeClippedSubviews={isIOS} initialNumToRender={7} onEndReachedThreshold={0.5} diff --git a/app/views/RoomView/List/hooks/useNavBottomStyle/useNavBottomStyle.android.ts b/app/views/RoomView/List/hooks/useNavBottomStyle/useNavBottomStyle.android.ts index 2e6251809..465bc3ca9 100644 --- a/app/views/RoomView/List/hooks/useNavBottomStyle/useNavBottomStyle.android.ts +++ b/app/views/RoomView/List/hooks/useNavBottomStyle/useNavBottomStyle.android.ts @@ -3,6 +3,5 @@ import { ViewStyle } from 'react-native'; import { EDGE_DISTANCE } from '../../constants'; export const useNavBottomStyle = (): ViewStyle => ({ - top: EDGE_DISTANCE, - scaleY: -1 + bottom: EDGE_DISTANCE });