Question
After the transition animation within the component is set for components such as List, the corresponding adding or deleting animation is displayed when the data array size changes, but the deleting animation does not take effect. What should I do?
Solution
Check whether the clip attribute of the component is set to true and the height is not set. For example, when the transition animation is set for ListItem, the default clip attribute of List is true. If the height of List is not set, the height of List is automatically adjusted according to the child component. After an item is deleted, the height of List decreases. However, no animation is set for List. Since there is no transition animation set for the height change and the clipping area shrinks, which means that the clip of List is true and has the clipping effect, the deleting animation is invisible.
Reference