constructor(props, context) {
    super(props, context);

    // https://material.google.com/components/buttons.html#buttons-toggle-buttons
    const maxOpacity = Color(props.color).isDark() ? 0.12 : 0.3;

    this.state = {
      scaleValue: new Animated.Value(0),
      opacityRippleValue: new Animated.Value(maxOpacity),
      opacityBackgroundValue: new Animated.Value(0),
      diameter: MAX_DIAMETER,
      maxOpacity,
      rippleColor: Color(props.color),
    };
  }
Usualy we use width and height to compute this. In case, the width of container is too big
we use this constant as a width of ripple effect.