Method componentDidUpdate

src/modal.tsx:272–302

(prevProps: ModalProps)

  }

  componentDidUpdate(prevProps: ModalProps) {
    // If the animations have been changed then rebuild them to make sure we're
    // using the most up-to-date ones
    if (
      this.props.animationIn !== prevProps.animationIn ||
      this.props.animationOut !== prevProps.animationOut
    ) {
      const {animationIn, animationOut} = buildAnimations(
        extractAnimationFromProps(this.props),
      );
      this.animationIn = animationIn;
      this.animationOut = animationOut;
    }
    // If backdrop opacity has been changed then make sure to update it
    if (
      this.props.backdropOpacity !== prevProps.backdropOpacity &&
      this.backdropRef
    ) {
      this.backdropRef.transitionTo(
        {opacity: this.props.backdropOpacity},
        this.props.backdropTransitionInTiming,
      );
    }
    // On modal open request, we slide the view up and fade in the backdrop
    if (this.props.isVisible && !prevProps.isVisible) {
      this.open();
    } else if (!this.props.isVisible && prevProps.isVisible) {
      // On modal close request, we slide the view down and fade out the backdrop
      this.close();
    }
  }
  getDeviceHeight = () => this.props.deviceHeight || this.state.deviceHeight;
  getDeviceWidth = () => this.props.deviceWidth || this.state.deviceWidth;
  onBackButtonPress = () => {