Я пытаюсь создать пользовательский NavBar на экране, который отображает ScrollView. Внутри NavBar есть кнопка, нажатие которой заставляет NavBar перемещаться вниз, тем самым создавая впечатление, что NavBar расширяется (это делается с помощью Animated.spring()
с опцией useNativeDriver
). Все работает отлично, за исключением случаев, когда ScrollView все еще прокручивается во время нажатия кнопки (т. Е. Когда происходит прокрутка «импульса»). В этом сценарии обработчик onPress, который запускает анимацию NavBar, вызывается, как и ожидалось, но вызовы Animated.spring()
не вызывают никакой анимации. Возможно ли, чтобы анимация «расширения» NavBar происходила во время прокрутки, или приостанавливалась прокрутка, чтобы анимация продолжалась?
Анимация во время прокрутки импульса в react-native?
Ответы (1)
Как это объясняется в RN docs, тип анимации, который вы используете, останавливается событиями жеста. как прокрутка, лучше использовать Animated.event()
с onScroll
props в сочетании с анимацией интерполяции, чтобы оживить нижний колонтитул.
person
B. Mohammad
schedule
11.04.2020