react-native - 从数据源添加/删除 ListView 项时，对它们进行动画处理

Question

有人可以给我一个想法，例如将高度从0添加时动画化，并在移除时返回0动画化？

Answer 1

添加动画时很容易，只需将Animated中的componentDidMount与listRow一起使用，例如：

componentDidMount = ()=> {
    Animated.timing(this.state._rowOpacity, {
        toValue: 1,
        duration: 250,
    }).start()
}

在卸载之前，对组件进行动画处理会变得更加困难。您应该为ListView设置处理程序。当dataSource更改时，比较数据，启动Animated以隐藏已删除的行，并为ListView设置新的dataSource。