Анимация во время прокрутки импульса в react-native?

Я пытаюсь создать пользовательский NavBar на экране, который отображает ScrollView. Внутри NavBar есть кнопка, нажатие которой заставляет NavBar перемещаться вниз, тем самым создавая впечатление, что NavBar расширяется (это делается с помощью Animated.spring() с опцией useNativeDriver). Все работает отлично, за исключением случаев, когда ScrollView все еще прокручивается во время нажатия кнопки (т. Е. Когда происходит прокрутка «импульса»). В этом сценарии обработчик onPress, который запускает анимацию NavBar, вызывается, как и ожидалось, но вызовы Animated.spring() не вызывают никакой анимации. Возможно ли, чтобы анимация «расширения» NavBar происходила во время прокрутки, или приостанавливалась прокрутка, чтобы анимация продолжалась?


person Bibs    schedule 14.10.2017    source источник


Ответы (1)


Как это объясняется в RN docs, тип анимации, который вы используете, останавливается событиями жеста. как прокрутка, лучше использовать Animated.event() с onScrollprops в сочетании с анимацией интерполяции, чтобы оживить нижний колонтитул.

person B. Mohammad    schedule 11.04.2020