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

Question

我有一个使用 React Native 构建的移动应用程序。我正在使用 pubsub 库来实时制作我的应用程序。我有一个梦幻足球队，多人可以修改。当一个用户从列表中删除一个玩家时，它会向所有其他用户发送一条消息以刷新他们的列表。然而，当他们的列表被刷新时，新信息只是覆盖了旧信息（通过 setState）并且被删除的玩家很快就消失了。我怎样才能使信息中的所有差异（已删除的玩家）淡出或其他一些动画。我不太关心动画部分，因为我关心的是查明当前状态和获取数据的差异，然后淡出处于当前状态但不在获取数据中的数据。

Answer 1

我建议使用 react-native 的 LayoutAnimation 库。它会自动找出被删除（或添加）到你的状态的项目，你可以通过 属性 你想要的动画。但是这种简单也带来了一些缺点！您可以找到演示代码 here. If you want advanced and more configurable solution react-native-reanimated is the best! It comes with transition animations which are useful for your case! Here 它是完整的文档。