wix-incubator / react-native-interactable

Experimental implementation of high performance interactable views in React Native

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ScrollView doesn't work inside Interactable.View

dentep opened this issue · comments

commented

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.

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