Skip to content

How can I make the timelinelist scroll work inside a ScrollView? #2616

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

Open
YOOYONGHYUN opened this issue Mar 10, 2025 · 3 comments
Open

How can I make the timelinelist scroll work inside a ScrollView? #2616

YOOYONGHYUN opened this issue Mar 10, 2025 · 3 comments

Comments

@YOOYONGHYUN
Copy link

Horizontal scrolling works, but vertical scrolling doesn't.
https://github.com/user-attachments/assets/ca43e364-8853-4934-aac8-34e17f914f62

@vinay-katta
Copy link

any one has a fix for this

@postalPain
Copy link

postalPain commented Apr 10, 2025

This issue relates to Android nested ScrollView's handling.
Try to use nestedScrollEnabled attribute. For ex:

<ScrollView nestedScrollEnabled="true">
   <ScrollView style={{ height: 300 }} nestedScrollEnabled={true}>
      <InfiniteList
          isHorizontal
          ref={listRef}
          data={pages}
          renderItem={renderPage}
          onPageChange={onPageChange}
          onReachNearEdge={onReachNearEdge}
          onReachNearEdgeThreshold={NEAR_EDGE_THRESHOLD}
          onScroll={onScroll}
          extendedState={{todayEvents: events[date], pages}}
          initialOffset={initialOffset}
          scrollViewProps={{
            onMomentumScrollEnd
          }}
        />
  </ScrollView>
</ScrollView>

@vinay-katta
Copy link

This issue relates to Android nested ScrollView's handling. Try to use nestedScrollEnabled attribute. For ex:

<ScrollView nestedScrollEnabled="true">
   <ScrollView style={{ height: 300 }} nestedScrollEnabled={true}>
      <InfiniteList
          isHorizontal
          ref={listRef}
          data={pages}
          renderItem={renderPage}
          onPageChange={onPageChange}
          onReachNearEdge={onReachNearEdge}
          onReachNearEdgeThreshold={NEAR_EDGE_THRESHOLD}
          onScroll={onScroll}
          extendedState={{todayEvents: events[date], pages}}
          initialOffset={initialOffset}
          scrollViewProps={{
            onMomentumScrollEnd
          }}
        />
  </ScrollView>
</ScrollView>

Thanks postalPain
Thanks for you reply,
I tried but didnt work on my end.
so i have updated the timeline.jsx in the nodemodules/react-native-calenders. which is working well now
Thanks Again
Vinayasena Vinaysena

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

3 participants