Fix FlatList not working properly in ActionSheet

app/containers/ActionSheet/ActionSheet.tsx

@@ -140,8 +140,7 @@ const ActionSheet = React.memo(
 						style={{ ...styles.container, ...bottomSheet }}
 						backgroundStyle={{ backgroundColor: colors.focusedBackground }}
 						onChange={index => index === -1 && onClose()}
-						activeOffsetY={[-5, 5]}
-						failOffsetX={[-5, 5]}
+						enableContentPanningGesture={false}
 						{...androidTablet}
 					>
 						<BottomSheetContent options={data?.options} hide={hide} children={data?.children} hasCancel={data?.hasCancel} />

app/containers/EmojiPicker/EmojiCategory.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Text, Pressable } from 'react-native';
-import { BottomSheetFlatList } from '@gorhom/bottom-sheet';
-import { FlatList as GHFlatList } from 'react-native-gesture-handler';
+import { FlatList } from 'react-native-gesture-handler';
 
 import shortnameToUnicode from '../../lib/methods/helpers/shortnameToUnicode';
 import styles from './styles';
@@ -36,18 +35,10 @@ const Emoji = React.memo(({ emoji, size, baseUrl }: IEmojiProps) => {
 	);
 });
 
-const EmojiCategory = ({
-	baseUrl,
-	onEmojiSelected,
-	emojis,
-	width,
-	tabsCount,
-	isBottomSheet
-}: IEmojiCategory): React.ReactElement | null => {
+const EmojiCategory = ({ baseUrl, onEmojiSelected, emojis, width, tabsCount }: IEmojiCategory): React.ReactElement | null => {
 	const emojiSize = width ? Math.min(width / tabsCount, MAX_EMOJI_SIZE) : MAX_EMOJI_SIZE;
 	const numColumns = Math.trunc(width ? width / emojiSize : tabsCount);
 	const { colors } = useTheme();
-	const FlatList = isBottomSheet ? BottomSheetFlatList : GHFlatList;
 
 	const renderItem = (emoji: IEmoji) => (
 		<Pressable

app/containers/EmojiPicker/index.tsx

@@ -137,7 +137,6 @@ const EmojiPicker = ({
 				baseUrl={baseUrl}
 				tabLabel={label}
 				tabsCount={tabsCount}
-				isBottomSheet={!isEmojiKeyboard}
 			/>
 		);
 	};
@@ -159,7 +158,6 @@ const EmojiPicker = ({
 					baseUrl={baseUrl}
 					tabLabel={'searching'}
 					tabsCount={tabsCount}
-					isBottomSheet={!isEmojiKeyboard}
 				/>
 			) : (
 				<ScrollableTabView

app/definitions/IEmoji.ts

@@ -36,7 +36,6 @@ export interface IEmojiCategory {
 	style: StyleProp<ImageStyle>;
 	tabLabel: string;
 	tabsCount: number;
-	isBottomSheet: boolean;
 }
 
 export type TGetCustomEmoji = (name: string) => any;