vertical Scrollview inside Carousal item

[Amirali67691]

I want to add vertical Scrollview inside Carousal item but inside vertical Scrollview in not working. I want to enable on horizontal swiping on Carousal items and vertical scroll inside item of Carousal.

Here is my code:-

const {width,height}=Dimensions.get('window');
const SubscriptionCard = () => {
const [duration,setDuration]=useState('monthly');

const storeData=useSelector(getStoreSelect);
const packagesItems=useSelector(getPackagesSelect);
const handleChange=(value:boolean)=>{
if(value){
setDuration('yearly');
}
else{
setDuration('monthly')
}
}

const getMaxAnnualDiscount = useMemo(() => {
const memoizedMaxAnnualDiscount = (packagesItems:any) => {
const annualDiscounts = packagesItems.map((pack:any) => pack.annual_discount || 0);
return Math.max(...annualDiscounts);
};
return memoizedMaxAnnualDiscount;
}, []);

return (
<View style={{flexGrow:1,backgroundColor:'#fff'}}>


monthly
<Switch
trackColor={{ false:colors.lightGray, true: colors.darkBlue }}
thumbColor={duration=='yearly' ? colors.lightGreen : colors.lightGreen}
ios_backgroundColor={colors.lightGray}
onValueChange={handleChange}
value={duration=='yearly' ? true : false}
style={{borderRadius: hp('2.15%'),backgroundColor:'transparent' }}
/>
Annual

Up to {getMaxAnnualDiscount(packagesItems)}% Discount

    <View>
      <Carousel
        loop={true}
        width={wp('100%')}
        height={height-150}
        mode={'parallax'}
        data={packagesItems}
        autoPlay={false}
        style={{margin:0,padding:0}}
        scrollAnimationDuration={1000}
        modeConfig={{
          parallaxScrollingScale: .8,
          parallaxScrollingOffset: 80,
          parallaxAdjacentItemScale:.7
        }}
        panGestureHandlerProps={{
          // failOffsetY:0
        }}
        renderItem={({item}:any)=>{
            let price='0.00';
            if(duration=='monthly' && item.monthly_price){
              price=item.monthly_price;
            }
            else if(duration=='yearly' && item.yearly_price){
              price=item.yearly_price;
            }
            else{
              price='0.00';
            }
            
            return(
              <Surface elevation={4} style={styles.cartItem}>
                <Text allowFontScaling={false} style={styles.cardTitle}>{item.name}</Text>
                <Text allowFontScaling={false} style={styles.cardDescription}>{item.remarks}</Text>
                <View style={styles.packageSubBox}>
                    <Text allowFontScaling={false} style={styles.cardPrice}>{storeData.currency_symbol}{ConvertAmountToLocale2(price)}</Text>
                    <TouchableOpacity activeOpacity={.8} style={styles.cardBtn} onPress={()=>{console.log('pac',item.name)}}>
                        <Text allowFontScaling={false} style={styles.cardBtnText}>UpGrade Now</Text>
                    </TouchableOpacity>
                    <View style={{flex:1}}>
                        <View style={[styles.packageInfo,{height:130,overflow:'scroll'}]}>
                            {
                              item.features['Products'] &&
                              <Text allowFontScaling={false} style={styles.featureText}>{item.features['Products']} Products </Text>
                            }
                            {
                              item.features['Add videos to your product'] && item.features['Add videos to your product']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Add videos to your product</Text>
                            }
                            {
                              item.features['Admin Mobile App'] && item.features['Admin Mobile App']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Admin Mobile App</Text>
                            }
                            {
                              item.features['Analytics & Reports'] && item.features['Analytics & Reports']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Analytics & Reports</Text>
                            }
                            {
                              item.features['Content Writing for your web store'] && item.features['Content Writing for your web store']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Content Writing for your web store</Text>
                            }
                            {
                              item.features['Discounts & Coupons'] && item.features['Discounts & Coupons']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Discounts & Coupons</Text>
                            }
                            {
                              item.features['Finance Management'] && item.features['Finance Management']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Finance Management</Text>
                            }
                            {
                              item.features['HTTPS security'] && item.features['HTTPS security']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>HTTPS security</Text>
                            }
                            {
                              item.features['Hosting Space'] &&
                              <Text allowFontScaling={false} style={styles.featureText}>HTTPS security : {item.features['Hosting Space']}</Text>
                            }
                            {
                              item.features['Link your custom domain'] && item.features['Link your custom domain']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Link your custom domain</Text>
                            }
                            {
                              item.features['Max Orders/month'] &&
                              <Text allowFontScaling={false} style={styles.featureText}>Max Orders/month : {item.features['Max Orders/month']}</Text>
                            }
                            {
                              item.features['Max sessions/day'] &&
                              <Text allowFontScaling={false} style={styles.featureText}>Max sessions/day : {item.features['Max sessions/day']}</Text>
                            }
                            {
                              item.features['No of Accounts (users with access to admin portal)'] &&
                              <Text allowFontScaling={false}  style={styles.featureText}>No of Accounts (users with access to admin portal) : {item.features['No of Accounts (users with access to admin portal)']}</Text>
                            }
                              {
                              item.features['SEO'] && item.features['SEO']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>SEO</Text>
                            }
                            {
                              item.features['Social Media Graphics for your website'] && item.features['Social Media Graphics for your website'] == 'Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Social Media Graphics for your website</Text>
                            }
                              {
                              item.features['Unlimited Web Store Graphic Design Needs (Only for your store)'] && item.features['Unlimited Web Store Graphic Design Needs (Only for your store)']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Unlimited Web Store Graphic Design Needs (Only for your store)</Text>
                            }
                            {
                              item.features['Unlimited Web store Dev customisations'] && item.features['Unlimited Web store Dev customisations']=='Yes' &&
                              <Text allowFontScaling={false} style={styles.featureText}>Unlimited Web store Dev customisations</Text>
                            }
                        </View>
                      <Text>HASDASDJASDAS 1</Text>
                      <Text>HASDASDJASDAS 2</Text>
                      <Text>HASDASDJASDAS 3</Text>
                      <Text>HASDASDJASDAS 4</Text>
                    </View>
                </View>
              </Surface>
            )
        }}                                   
      />
    </View>
</View>

)
}