BottomSheetFlashList

BottomSheetFlashList.tsx

import React from 'react';

import {BottomSheetScrollView} from '@gorhom/bottom-sheet';
import {FlashList, FlashListProps} from '@shopify/flash-list';

type Props<T> = Omit<FlashListProps<T>, 'renderScrollComponent'>;
const BottomSheetFlashList = <T,>(props: Props<T>) => {
  return (
    <FlashList<T>
      {...props}
      renderScrollComponent={BottomSheetScrollView as any}
    />
  );
};

export default BottomSheetFlashList;

Usage

import BottomSheet from "@gorhom/bottom-sheet";
...
...
...
<BottomSheet>
    ....
    <BottomSheetFlashList
        ...
    />
    ...
</BottomSheet>