react-native flatlist item翻译动画不呈现

Question

我是React Native的新手。我在开头有一个空FlatList，动态附加项目。追加过程有一个动画，项目从屏幕底部移动。但是，在项目接近FlatList的最终位置之前，该项目不会显示。我认为这是因为FlatList在达到新高度之前不会渲染项目。我想知道如何在没有这个限制的情况下让动画工作。

Answer 1

有很多方法可以做到这一点。您可以设计自定义动画，或者有很多动画库。如果使用的是Expo而不是expo

https://docs.expo.io/versions/latest/react-native/animated在这里您将找到动画。

您可以找到以下有用的资源

react native animated flatlist item after item

https://hackernoon.com/how-to-animate-the-items-of-a-react-native-flatlist-32c8cbf7ea3d