Javascript 为值设置动画-'；来自JS的错误调用：字段大小不同？'；

好的，我只是想根据条件在循环中缩放一个动画视图。为此，我遵循并声明了我的动画值，并调用动画循环：

this.buttonSizeAnimated = new Animated.Value(Design.buttonWidth);

//Animate button size
    const onSpringCompletion = () => {
        this.spring();
      }

    const spring = () => {
            this.buttonSizeAnimated.setValue(Design.buttonWidth);
            Animated.spring(
                this.buttonSizeAnimated,
                {
                  useNativeDriver: false,
                    toValue: 1,
                    friction: 1,
                    tension: 1,
                    duration:5000

                }
            ).start(this.onSpringCompletion);
        }

      spring();

然后，我在视图的自定义函数中设置按钮宽度：

export const applyButtonWidth = (width = Design.buttonWidth) => ({
  width,
  height: width,
  borderRadius: width * 0.5,
});

<Animated.View
            style={[
              globalStyles.buttonInner,
              applyButtonWidth(this.buttonSizeAnimated),
              {backgroundColor}
            ]}
          >

export const applyButtonWidth=（width=Design.buttonWidth）=>({
宽度，
高度：宽度，
边界半径：宽度*0.5，
});

这样做，我得到的错误

来自JS的错误调用：字段大小不同

这里发生了什么