如何根据另一个动画视图的位置动态设置动画视图的高度动画？

Question

概念：用户在屏幕上沿y方向上下移动圆形动画视图，这会增加和减少单独动画视图的高度。

问题：用于向上和向下移动圆圈的“this.state.pan.getLayout（）”在使用它进行计算时会出错。

e.g。

position = function() {
  let Window = Dimensions.get('window');
  return {
    height: (Window.height / 2) + this.state.pan.getLayout()
  }
}

返回NSString类型的错误[object Object]无法转换为NSNumber

Answer 1

getLayout()方法返回{left: String, top: String}，以便在style属性中使用。要检索实际数字，请直接访问x和y属性：

position = function() {
    let Window = Dimensions.get('window');
    return {
        height: (Window.height / 2) + this.state.pan.y
    }
}

更多信息：https://facebook.github.io/react-native/docs/animated.html#getlayout