react-native的LayoutAnimation的preset

`LayoutAnimation` 是React Native中用于平滑视图更新动画的一种工具。它允许开发者控制元素布局改变时的动画效果，提升用户体验。`preset` 是一组预定义的动画方案。

1. 使用`LayoutAnimation`的`preset` 动画[^1]:

import { LayoutAnimation, Animated, View } from 'react-native';

// 当状态改变导致视图更新时（如setState），应用动画
this.setState({ /* 新的状态 */ }, () => {
  // 使用预设动画之一
  LayoutAnimation.configureNext(LayoutAnimation.Presets.spring);
  // 或者自定义动画
  // LayoutAnimation.configureNext({
  //   type: LayoutAnimation.Types.easeInEaseOut,
  //   duration: 300,
  // });
  // 更新视图
});

2. `scrollToIndex` 方法在列表滚动时可以配合`LayoutAnimation`使用，以平滑地滚动到指定索引处：

scrollToIndex({
  index: targetIndex,
  animated: true, // 默认为true，启用动画
  // 如果你想使用特定的动画配置，可以这样设置：
  layoutAnimation: LayoutAnimation.create(
    { type: LayoutAnimation.Types.easeInEaseOut, duration: 300 },
  ),
});