Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ScrollView doesn't work inside Interactable.View #324

Open
dentep opened this issue Dec 26, 2021 · 1 comment
Open

ScrollView doesn't work inside Interactable.View #324

dentep opened this issue Dec 26, 2021 · 1 comment

Comments

@dentep
Copy link

dentep commented Dec 26, 2021

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.

@thanggggg1
Copy link

does it solved ?. i'm struggle with this problem

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants