I am using wix's interactble package to create a sliding curtain from the bottom of the screen with two snapping points. I want to put scrollable content inside, but when I do, the ScrollView never reaches the end.
The example of my component:
<View style={{ flex: 1 }}>
<Interactable.View
snapPoints={[
{ y: 100, id: 'top' },
{
y: 200,
id: 'bottom'
}
]}
initialPosition={{ y: 100 }}
onSnap={onSnap}
verticalOnly={true}
>
<View style={{ backgroundColor: 'blue', height: 100 }}>
<Text>Header</Text>
</View>
<ScrollView>
<View
style={{
height: 1000,
justifyContent: 'flex-end',
backgroundColor: 'orange'
}}
>
<Text>The Content</Text>
</View>
</ScrollView>
</Interactable.View>
</View>
The content is not visible because the view with height: 2000 never reaches the end.
Is there any workaround for this or other library that I can use to implement such curtain with scrollable content?