React Native Animated - остановка анимации нажатием клавиши на клавиатуре - PullRequest
Новая
       15

React Native Animated - остановка анимации нажатием клавиши на клавиатуре

0 голосов
/ 22 марта 2020

Я пытаюсь создать анимацию, когда клавиатура открыта и реагирует на нативную анимацию, чтобы уменьшить go, а затем, когда клавиатура закрыта, достичь нормального размера. Lo go - это компонент класса svg, импортированный из другого файла. Анимация работает нормально, она запускается, когда клавиатура активна, но заканчивается, когда я нажимаю клавишу на клавиатуре.

Информация: 300 - это начальный размер lo go. 

const animatedLogo = new Animated.Value(300);
const AnimatedLogo = Animated.createAnimatedComponent(Logo);

const keyboardWillShow = () => {
 Animated.timing(animatedLogo, {
  toValue: 100,
  duration: 500,
 }).start();
};

const keyboardWillHide = () => {
Animated.timing(animatedLogo, {
  duration: 1000,
  toValue: 300,
 }).start();
};

useEffect(() => {
  Keyboard.addListener('keyboardWillShow', (event) => keyboardWillShow(event));
  Keyboard.addListener('keyboardWillHide', keyboardWillHide);
});

Спасибо заранее!

...