React Native - анимация параллельной прокрутки - PullRequest
0 голосов
/ 30 марта 2020

Я пытаюсь реализовать своего рода параллакс, но сам для того, чтобы иметь больше контроля над событиями. У меня есть два ScrollViews: фронт и фон. Front-ScrollView должен быть установлен в full с pagingEnabled таким образом, чтобы он непосредственно переходил к следующему представлению fullwidth. Более того, при прокрутке переднего слоя я бы хотел переместить фоновый слой на половину вида. То, что я сейчас делаю, это:

Оба ScrollView Элементы. Передний ScrollView имеет больший zIndex. Стиль фона position: 'absolute' top: 0, bottom: 0, left: 0, right: 0, поэтому он помещается под лицевой панелью ScrollView. Более того, я обрабатываю onScroll={(event) => this.handleScroll(event)} спереди с помощью:

handleScroll = (event) => {
  this.backLayerRef.scrollTo({x: event.nativeEvent.contentOffset.x*0.5, animated: true})
    }

Моя проблема в том, что анимация не плавная. Буду признателен за любую помощь.

...