React Native 如何为新的前置列表元素设置动画
React native how to animate new prepended list element
当 ListView 呈现数据源时,它会将数据呈现给现有组件,然后根据需要创建新组件。
示例:前置 (A) 然后前置 (B)
[ + A + ]
稍后
[ A ]
稍后
[ B ]
[ + A + ]
如果数据是降序排列,旧数据在新组件中呈现。你可以想象这让我的进入动画看起来很可笑。如果我不相信 componentWillMount
,我该如何为新数据值设置动画?
您应该使用密钥 属性。然后当组件更新时,具有未更改键的列表元素将移动到新位置,即使它的索引发生变化。
当 ListView 呈现数据源时,它会将数据呈现给现有组件,然后根据需要创建新组件。
示例:前置 (A) 然后前置 (B)
[ + A + ]
稍后
[ A ]
稍后
[ B ]
[ + A + ]
如果数据是降序排列,旧数据在新组件中呈现。你可以想象这让我的进入动画看起来很可笑。如果我不相信 componentWillMount
,我该如何为新数据值设置动画?
您应该使用密钥 属性。然后当组件更新时,具有未更改键的列表元素将移动到新位置,即使它的索引发生变化。