在y轴上反应本机ListView行动画

在我的ListView中设置y轴上的行动画时遇到一些问题。x轴很好，y轴不行

这是我所做工作的精简版本： 风格：

动画视图：

<Animated.View ref={(row) => main[userId] = row} style={[animateStyle]}>
  <TouchableHighlight onPress={() => this._move()}>
    <Text>hello</Text>
  </TouchableHighlight>
</Animated.View>

---

有什么想法吗？这可能根本不可能——这就是为什么我在这里，干杯

为了让一切正常工作，我必须改变加载转换的方式

在我做之前：

var animateStyle = {transform:[{translateX: this.state.position.x, translateY: this.state.position.y}]} 

必须用大括号分隔每个变换：

var animateStyle = {transform:[{translateY: this.state.position.y}, {translateX: this.state.position.x}]}

<Animated.View style={[containerStyle, animateStyle]}>

var animateStyle={transform:[{translateY:this.state.position.y}，{translateX:this.state.position.x}]

---

这将使一切按预期进行。

我没有答案，但看看其他人是如何做到的。这可能会有帮助，因为它为y轴设置了动画谢谢你提供了一些帮助，克里斯！但是，看起来这个组件只在x轴（水平）上设置动画。。。我完全搞砸了！我一定累了。很抱歉，浪费了你的时间，毫无价值可言。当斯宾塞·阿伦斯（Spencer Ahrens）宣布推出animate时，他展示了一些相当复杂的例子。也许有什么东西能帮上忙？我自己还没有玩过动画，所以这对我很有帮助。这是链接

var animateStyle = {transform:[{translateX: this.state.position.x, translateY: this.state.position.y}]} 

var animateStyle = {transform:[{translateY: this.state.position.y}, {translateX: this.state.position.x}]}

<Animated.View style={[containerStyle, animateStyle]}>