Not able to use ScrollView inside Panel

[ankitvat]

Issue Description

App Crashes on implementing ScrollView inside panel

Steps to Reproduce / Code Snippets / Screenshots

Tried manually setting allowDragging to false and then true, still not working.

<SlidingUpPanel ref={slideRef} draggableRange={draggableRange} animatedValue={draggedValue} allowDragging={true} snappingPoints={[360]} height={h} friction={0.2}>

{ toggleListItem(); }} style={[styles.icons, {zIndex: 1, elevation: 1}]}> {setDrag(false)}} onTouchEnd={() => {setDrag(true)}} onTouchCancel={() => {setDrag(true)}} horizontal={true} showsHorizontalScrollIndicator={false}> {filters.map((item, index) => { return ( ); })} {/* */}

    </SlidingUpPanel>       

---

Environment

• Version: 2.4.5
• React Native version: 0.67.2
• Platform(s) (iOS, Android, or both?): Using iOS Simulator
• Device info (Simulator/Device? OS version? Debug/Release?): iPhone 13 (iOS 15.4.1)

[pristinejudah]

@ankitvat Here's a working sample on using ScrollView within the SlidingPanel

https://github.com/octopitus/rn-sliding-up-panel/blob/master/demo/ScrollViewInsidePanel.js