Open
Description
I have written the 'curtain' using Intractable.View which has two snapping point. I want to put scrollable content inside, but it does not scroll to the end.
my screen 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 view with height: 2000 does not scroll to the end, the text is not visible.
Setting custom paddingBottom does not work either: if the height of the content is smaller than screen height, the content will be overflowed.
Metadata
Metadata
Assignees
Labels
No labels