Function _toggle

lib/Jiro.js:40–78

(isActive)

  }

  _toggle(isActive) {
    const animationValue = isActive ? 1 : 0;
    const borderPositionAnimation = Animated.timing(
      this.state.borderPositionAnim,
      {
        toValue: animationValue,
        eaasing: Easing.bezier(0.2, 1, 0.3, 1),
        duration: 200,
        useNativeDriver: false,
      }
    );
    const borderHeightAnimation = Animated.timing(this.state.borderHeightAnim, {
      toValue: animationValue,
      eaasing: Easing.ease,
      duration: 200,
      useNativeDriver: false,
    });
    const labelPositionAnimation = Animated.timing(
      this.state.labelPositionAnim,
      {
        toValue: animationValue,
        eaasing: Easing.ease,
        duration: 200,
        useNativeDriver: false,
      }
    );

    if (isActive) {
      Animated.sequence([
        borderPositionAnimation,
        Animated.parallel([labelPositionAnimation, borderHeightAnimation]),
      ]).start();
    } else {
      Animated.sequence([
        borderHeightAnimation,
        Animated.parallel([borderPositionAnimation, labelPositionAnimation]),
      ]).start();
    }
  }

  render() {
    const {