RefreshControl interferes with paginated horizontal ListView [Android] v0.28
See original GitHub issueA list view of this form sometimes results in being stuck between pages.
<ListView
horizontal={true}
pagingEnabled={true}
refreshControl={<RefreshControl/>}
[...] />
Here is a complete code example. Note that it doesn’t work online, since rnplay’s version of react-native is too old.
When moving the finger to the side and then moving it down, the ListView gets stuck in the current position, because the refreshControl is triggered. The refresh action is not necessarily triggered. But the refresh symbol moves into view a little bit, which makes the ListView stick where it is.
I don’t know how to handle this properly, but the ListView should at least snap back to a valid page position here.
A general practical usecase of this would be a list of elements of which the user may refresh each one individually.
Issue Analytics
- State:
- Created 7 years ago
- Reactions:2
- Comments:5 (3 by maintainers)
I can confirm the same behavior on my end with RN 0.34.1 (tested on android).
Basically if you stick a RefreshControl on top of any Horizontal scrolling, things break.
Hi there! This issue is being closed because it has been inactive for a while. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. Either way, we’re automatically closing issues after a period of inactivity. Please do not take it personally!
If you think this issue should definitely remain open, please let us know. The following information is helpful when it comes to determining if the issue should be re-opened:
If you would like to work on a patch to fix the issue, contributions are very welcome! Read through the contribution guide, and feel free to hop into #react-native if you need help planning your contribution.