Как вы обновляете состояние с помощью React Native Animations? - PullRequest
0 голосов
/ 09 июля 2020

Я создаю настраиваемое модальное окно. По умолчанию модальное окно занимает место на моем экране, даже если оно не отображается. Я обновляю стиль в зависимости от того, когда модальное окно открыто или закрыто. Я пытаюсь запустить логическое значение одновременно с вызовом анимации. Как мне go сделать это?

state = {
    isModalOpen: false,
    modalY: new Animated.Value(-globals.SCREEN_SIZE.height),
  };

  openModal = () => {
    Animated.timing(this.state.modalY, {
      duration: 300,
      toValue: 0,
      useNativeDriver: true,
    }).start();

    this.setState(() => {
      return {
        isModalOpen: true,
      };
    });
  }

  closeModal = () => {

    Animated.timing(this.state.modalY, {
      duration: 300,
      toValue: -globals.SCREEN_SIZE.height,
      useNativeDriver: true,
    }).start();

    this.setState(() => {
      return {
        isModalOpen: false,
      };
    });
  }
...