Is it possible to allow gestures on both axes within a PagerView

[maxwelljmckee]

Ask your Question

Here is a simplified code example:

const NewsFeed = ({ content }) => {
  return (
    <PagerView orientation='vertical'>
      {content.map((item) => (
        <ContentCard>
          <PagerView orientation='horizontal'>
            // y-axis gesture should be unlocked
          </PagerView>
        </ContentCard>
      ))
    </PagerView>
  )
}

• I'm working on a NewsFeed interface that implements nested PagerViews
• The top-level parent/view-container is a PagerView with orientation='vertical'
• Some children contain a nested horizontal PagerView that acts as a content carousel
• I'd like to gesture vertically while touching inside the nested PagerView component
• However, I'm finding that the y-axis is locked when gesturing inside the horizontal child pager

Is there a way to unlock both gesture axes inside a pager?

[ManuLpz4]

Same here

[MrRefactor]

Please check Nest pager view example in repo