AsyncDispalyKit reloadData刷新列表闪屏问题分析及解决方案

1、问题分析

要想知道闪屏原因就需要了解ASDK的原理机制。简单说就是，在进行布局、渲染、解码、绘制和对象的创建及销毁会阻塞主线程。所以文本和布局的计算、渲染、解码、绘制都可以通过各种方式异步执行，但 UIKit 和 Core Animation 相关操作必需在主线程进行。ASDK 的目标，就是尽量把这些任务从主线程挪走，而挪不走的，就尽量优化性能。
而在ASTableNode和ASCollectionNode进行reloadData时，每次都需要将之前cellNode移除，然后重新添加新的cellNode。这个过程中，当异步计算cell的布局时，cell使用placeholder占位（通常是白图），布局完成时，才用渲染好的内容填充cell，placeholder到渲染好的内容切换引起闪烁。UITableViewCell因为都是同步，不存在占位图的情况，因此也就不会闪。

2.解决方案

在网上查找到一种方案，如下：
在ASCellNode中有neverShowPlaceholders这样一个属性，如果设为true，也就是说在内容完全渲染完后才会进行展示，不会展示默认图。

但是经过实践证明此方式并无效果。仔细想想，即使默认图不展示，在cell移除到添加新的渲染内容时也会存在切换过程。

---

所以，换一种方式考虑，在reload时是有动画存在，可不可能是动画的原因，单纯切换视图按道理来说不会这么明显，类似于UIImageView更换image就不会闪屏。

进行实践，在进行reload操作时将动画关闭。

// 在官方库中ASTableNode和ASCollectionNode中提供了执行代码块的API，可设置动画
open func performBatch(animated: Bool, updates: (() -> Swift.Void)?, completion: ((Bool) -> Swift.Void)? = nil)

由此入手进行封装，对ASTableNode进行扩展方法

extension ASTableNode {
    func reloadData(animated: Bool) {
        self.reloadData(animated: animated, completion: nil)
    }

    func reloadData(animated: Bool, completion: ((Bool) -> Void)?) {
        self.performBatch(animated: animated, updates: { 
            self.reloadData()
        }, completion: completion)
    }

    func reloadSections(animated: Bool, sections: IndexSet, rowAnimation: UITableViewRowAnimation = .none, completion: ((Bool) -> Void)?) {
        self.performBatch(animated: animated, updates: {
            self.reloadSections(sections, with: rowAnimation)
        }, completion: completion)
    }

    func reloadRows(animated: Bool, rows: [IndexPath], rowAnimation: UITableViewRowAnimation = .none, completion: ((Bool) -> Void)?) {
        self.performBatch(animated: animated, updates: {
            self.reloadRows(at: rows, with: rowAnimation)
        }, completion: completion)
    }
}

在需要调用的地方进行调用自定义reload方法，然后将动画设false，发现闪屏问题解决了了，ASColletionNode同理。由此可以看出导致闪屏的主要原因是动画引起。

还有一点问题：当刷新的列表有sectionView和tableHeaderView时。sectionView和tableHeaderView还是会存在闪屏。目前猜测是，因为这是两个view而非node，在node进行异步渲染时，此时view属于移除状态，渲染完成后才会重新添加导致的。
大家有啥解决方案可以一起探讨。