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

FlatList inside Scrollview Stuck the Scrolling #23008

Closed
3 tasks
waheedakhtar694 opened this issue Jan 15, 2019 · 5 comments
Closed
3 tasks

FlatList inside Scrollview Stuck the Scrolling #23008

waheedakhtar694 opened this issue Jan 15, 2019 · 5 comments
Labels
Bug Component: FlatList Component: ScrollView Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@waheedakhtar694
Copy link

waheedakhtar694 commented Jan 15, 2019

Environment

React Native Environment Info:
System:
OS: macOS High Sierra 10.13.6
CPU: (4) x64 Intel(R) Core(TM) i7-5557U CPU @ 3.10GHz
Memory: 42.58 MB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 8.11.3 - /usr/local/bin/node
Yarn: 1.12.3 - /usr/local/bin/yarn
npm: 5.6.0 - /usr/local/bin/npm
SDKs:
iOS SDK:
Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3
Android SDK:
API Levels: 23, 24, 25, 26, 27, 28
Build Tools: 27.0.3, 28.0.3
System Images: android-25 | Google Play Intel x86 Atom
IDEs:
Android Studio: 3.1 AI-173.4819257
Xcode: 9.4.1/9F2000 - /usr/bin/xcodebuild
npmPackages:
react: 16.6.1 => 16.6.1
react-native: 0.57.7 => 0.57.7
npmGlobalPackages:
react-native-cli: 2.0.1

Description

i am running into an issue and the issue is i am working with scrollview and Flat List basically i have a view in which as we can see static view on top and some tabs on the centre of the screen and i am using flat list to render the tabs data which is quite large but i want to to scroll top static profile view while i scroll Flat List so the upper profile will also scroll while scrolling Flat list for that i wraps a scrollview on the root of this view but when i scroll flat list scroll and scrollviews scroll conflicting with each other and as a result i can't scroll to bottom or top in centre of the Flat List, any suggestion about this ?

Reproducible Demo

<ScrollView nestedScrollEnabled style={{flex: 1}}>
<StaticView />
<ReactNavigationTabsHavingFlatList />
</ScrollView>
screen shot 2019-01-15 at 4 48 01 pm

StackOverflow Issue.
https://stackoverflow.com/questions/54199393/react-native-scrollview-and-flatlists-scroll-conflicting-with-each-other

ezgif com-video-to-gif

@moonstruck
Copy link

I'm getting very similar behaviour mostly in Android Pie.

@Liqiankun
Copy link

Any one has demo?

@Liqiankun
Copy link

@appify-waheed What did you do to this issue?

@stale
Copy link

stale bot commented Aug 2, 2019

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Aug 2, 2019
@stale
Copy link

stale bot commented Aug 9, 2019

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

@stale stale bot closed this as completed Aug 9, 2019
@facebook facebook locked as resolved and limited conversation to collaborators Aug 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Component: FlatList Component: ScrollView Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

5 participants