BottomSheetFlatList is scrollable only when the bottomSheet is on the top level

Bug

Environment info

Library	Version
@gorhom/bottom-sheet	^1.4.1
react-native	“https://github.com/expo/react-native/archive/sdk-39.0.0.tar.gz”
react-native-gesture-handler	~1.7.0

Steps To Reproduce

1.scrolling up the bottomSheet
2.scroll horizontally images 3. scroll down 50% the bottomSheet
4.scroll horizontally images -> cannot.

Describe what you expected to happen:

1.i would like to be able to scroll the images horizontally also when the bottomSheet is not on the top level.

Reproducible sample code

import { BottomSheetFlatList } from '@gorhom/bottom-sheet'
import React from 'react'
import {View, Text, TouchableOpacity, Image, StyleSheet } from 'react-native'
import { ImagesSliderProps } from './ImagesSlider.d'

const ImagesSlider: React.FC<ImagesSliderProps> = ({title, images}) => {
  
 const renderImage = (itemData:any) => {  
  return (
      <TouchableOpacity activeOpacity={0.8} onPress={()=> console.log(itemData.item)}>
        <Image style={styles.image} source={{uri:itemData.item.key}}/>
      </TouchableOpacity>
    )
  }

  return (
   <View style={{flex:1}}>
    <Text>{title}</Text>
    <BottomSheetFlatList 
            showsHorizontalScrollIndicator={true} 
            initialNumToRender={2} 
            keyExtractor={(item, index) => index.toString()} 
            horizontal={true} 
            data={images} 
            renderItem={renderImage}/>
   </View>
 )
}

const styles = StyleSheet.create({
  image: {
    marginHorizontal: 5,
    width:200,
    height:150,
    resizeMode: 'stretch'
  }
})

export default ImagesSlider;

[gorhom]

you should use FlatList from react-native-gesture-handler

import { FlatList } from 'react-native-gesture-handler';

[gorhom]

BottomSheetFlatList meant to be for vertical sheet content. I think I’ll need to update docs to mention this clearly