Skip to content

ScrollView doesn't work inside Interactable.View #324

Open
@dentep

Description

@dentep

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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions