SectionList - 部分按动画答案

【问题标题】：SectionList - Animate on Section PressSectionList - 部分按动画
【发布时间】：2017-07-05 18:50:50
【问题描述】：

我们被要求为我们的应用实现一个屏幕，其中将有一些以列表形式存在的数据，并为每个数据类别提供部分。当一个 Section 标题被按下时，section 数据应该被展开或折叠。

起初，我尝试使用 Listview，每次按下标题时我都在更改数据源，但感觉不是正确的做法。

创建一个自定义视图，动画视图的高度工作正常，但由于数据量很大，初始渲染有点慢，例如导航到屏幕时有明显的延迟。

升级到 RN 44.3 后，我想知道是否可以以比 listview 更好的方式使用 Sectionlist。

一般来说，处理此类需求的最佳方法是什么？

谢谢！

【问题讨论】：

标签： react-native react-native-flatlist

【解决方案1】：

您可以为 flatlist/SectionList 中的项目设置动画。示例代码如下所示（删除项目的动画）。您也可以对部分列表使用相同的逻辑。

onRemove = () => {
  const { onRemove } = this.props;
  if (onRemove) {
    Animated.timing(this._animated, {
      toValue: 0,
      duration: ANIMATION_DURATION,
    }).start(() => onRemove());
  }
};

更多详情请参考link。

【讨论】：