在React Native中刷新时对删除的数据进行动画处理

Question

我有一个使用React Native构建的移动应用程序。我正在使用pubsub库来使我的应用程序实时运行。我有一支梦幻足球队，多个人可以修改。当一个用户从列表中删除一个播放器时，它会向所有其他用户发送一条消息以刷新其列表。但是，刷新其列表时，新信息将覆盖旧信息（使用setState），而删除的播放器将很快消失。相反，我该如何使信息中的所有差异（已删除的播放器）淡出或其他动画。我不关心动画部分，而是关心精确确定当前状态和获取的数据之间的差异，然后淡出当前状态而不获取数据中的数据。

Answer 1

我建议使用react-native的{​​{1}}库。它将自动找出已删除（或添加）到您的状态的项目，并且您可以传递要设置动画的属性。但是，这种简便性也会带来一些弊端！您可以找到演示代码here.，如果您想要高级的和可配置的解决方案，LayoutAnimation是最好的！它带有react-native-reanimated动画，对您的情况很有用！ Here是完整的文档。