ptomasroos/react-native-scrollable-tab-view

scrollview jumps on orientation change

Open

#518 opened on Jan 3, 2017

View on GitHub
 (9 comments) (0 reactions) (0 assignees)JavaScript (2,276 forks)batch import
help wanted

Repository metrics

Stars
 (6,912 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

When you enable orientation change the lock itself on pixel position, all the tabs rerender to fit the new width, but scroll is locked so in the view you see different tab than before, the animation slides to the new position of selected tab. See recording rotationbug

The code with minimal implementation to reproduce the bug is available on github.com/lenkavon/rn-orientation-playground

There is also generalised question on stackoverflow

Contributor guide

Research direction
Investigate the scroll position reset during orientation change. Ensure the ScrollView adjusts contentOffset to new dimensions after orientation change.
Tech stack
javascript
Domain
mobile
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
React NativeGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65