Я пытаюсь реализовать своего рода параллакс, но сам для того, чтобы иметь больше контроля над событиями. У меня есть два 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})
}
Моя проблема в том, что анимация не плавная. Буду признателен за любую помощь.