Xcode预览(Preview)显示List视图内容的一个Bug及解决

概述

我们知道Xcode的预览(Preview)是开发SwiftUI界面的利器，其表现在：

• 快速显示SwiftUI视图界面
• 快速测试SwiftUI视图的功能

但遗憾的是，至今Xcode的预览功能仍有或多或少的问题，比如在某些条件下显示列表时，其中Cell视图的显示(onAppear)和隐藏(onDisappear)回调方法不会被调用：

我们希望在 noname 用户Cell隐藏时在主视图顶部显示用户面板，而在该Cell显示时隐藏顶部的用户面板。但如上图所示，无论何种情况，顶部的面板都没有显示。

包括Xcode 13.4和最新的Xcode 14beta 均有该问题。

那么，如何在Xcode预览中修复该Bug呢？

Let’s dive in!

---

顶部面板显示及隐藏逻辑

正如前面所说的，我们希望如下效果：

• 在List中 noname 用户Cell显示时，隐藏顶部的用户面板
• 在List中 noname 用户Cell隐藏时，显示顶部的用户面板

这是通过监听用户Cell的 onAppear 和 onDisappear 事件来实现的