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

最新推荐文章于 2025-03-03 08:59:24 发布
最新推荐文章于 2025-03-03 08:59:24 发布
阅读量1.4k 收藏
点赞数
分类专栏： iOS开发之旅 文章标签： xcode bug SwiftUI List Preview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mydo/article/details/125416969
版权
本文探讨了Xcode预览功能在展示SwiftUI List视图时的一个问题，即onAppear和onDisappear回调未触发。作者详细解释了期望的逻辑，并提供了通过延迟加载List内容来解决这个问题的方法，使得预览界面能够正确显示和测试SwiftUI的功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述



概述

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

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

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

在这里插入图片描述

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

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

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

Let’s dive in! 😎

了解本专栏 订阅专栏 解锁全文 超级会员免费看
SwiftUI 截图（snapshot）视频画面的极简方法
享受开发，颠倒银河
07-11 674
在本篇博文中，我们讨论了如何在 SwiftUI 中用最简单的方式不借助任何其它库，实现原生的视频播放和视频截图功能。
『第十章』仪态万千的雨燕：UIKit 和 SwiftUI
享受开发，颠倒银河
10-28 472
在本篇博文中，我们先是简要介绍了 UIKit 框架，接着我们详细讨论了 SwiftUI 以及它的重要组件：原生视图、修改器、状态与“真相之源”、动画以及与 UIKit 互动等众多话题。
Xcode UI预览
u014081548的专栏
06-15 2831
我是一名IOS初学者，在AppCode Beginning IOS8 Programming with swift 一书中看到，Previewing Storyboard, 觉的这个东西很不错，就打算记录下来，方便以后使用。 如果有不对的地方请各位大神，多多指教。谢谢。
Xcode 15.0 新 #Preview 预览让 SwiftUI 界面调试更加悠然自得
享受开发，颠倒银河
04-13 5187
在本篇博文中，我们介绍了 Xcode 15+ 中新的 #Preview 预览机制，并讨论了如何利用 #Preview + @Observable 宏让 SwiftUI 界面调试更加“如虎添翼”。
如何轻松判断 SwiftUI 代码是否在 Xcode 预览（Preview）或是模拟器中执行？
最新发布
享受开发，颠倒银河
03-03 670
在本篇博文中，我们讨论了如何轻松判断 SwiftUI 代码是否在 Xcode 预览（Preview）或是模拟器中执行的锦囊妙计，并用 @Query 宏让其与 SwiftUI 视图环境融为一体。
Xcode如何利用预览(Preview)让SwiftUI视图快速适配不同尺寸的设备
享受开发，颠倒银河
07-29 3842
在本篇博文中，我们利用SwiftUI代码，在Xcode预览中快速查看了不同设备的界面，并据此动态调整视图的布局，达到了最优空间之利用的目的。
xcode-preview
qq_43535469的博客
01-31 542
首先会检查所做更改，并重新编译最小数量的代码，然后再重新进行preview。
最新Xcode 4.5 Developer Preview. 开发预览
07-08 1319
Download Xcode 4.3.3 for free. Xcode 4.3.3 for Lion 在Mac AppStore中的Xcode已被重新包装，现在作为一个独立的应用程序分发。这将替换安装Xcode包，并增加了增量更新的支持。Xcode中包括一个新的“下载”偏好设置面板安装可选组件，如命令行工具，和以前的iOS模拟器。 注：为了得到最新版本的Xcode，你需要点击按钮“观”在M
xcode各项配置详解
fishmai的专栏
12-23 7380
iOS APP编译后，除了一些资源文件，剩下的就是一个可执行文件，有时候项目大了，引入的库多了，可执行文件很大，想知道这个可执行文件的构成是怎样，里面的内容都是些什么，哪些库占用空间较高，可以用以下方法勘察： 1.XCode开启编译选项Write Link Map File XCode -> Project -> Build Settings -> 搜map -> 把Write Link
OC基础回顾（六）了解和使用Xcode
妙亦涵的博客
07-16 2119
1.了解IDE窗口 （1）窗口布局一览 窗口包括：工具栏，导航器面板，编辑器面板，调试器面板，检查器面板和库面板。 可以按住Command键+一个数字键（从1到7）或点击导航器面板的顶端的图标来切换导航器面板的视图。 在窗口的右上角有一组工具栏按钮 （2）更改公司名称的方法 新建Objective-C源文件时，Xcode会自动
Xcode如何在预览(Preview)调试中避免与SwiftUI正常运行时环境不一致导致的崩溃
享受开发，颠倒银河
07-17 1283
在本篇博文中，我们探讨了如何定位Xcode预览模式中的崩溃点，以及如何让App在运行时识别当前是否处在预览模式，从而动态改变其功能。
Xcode 使用手册之 04 SwiftUI 如何显示预览界面（Xcode中文文档手册）
iCloudEnd的博客
08-16 8478
SwiftUI 如何显示预览界面 您可以显示在源代码编辑器中编辑的SwiftUI代码的交互式预览。 Xcode在您进行编辑时生成并运行代码，并将结果显示在画布中。 Xcode使您在源代码编辑器中输入的代码与画布中的用户界面布局保持同步。如果将用户界面元素从库添加到画布，则Xcode会将相应的代码添加到源文件。如果在画布上选择一个元素，则会在源文件中选择相应的代码。 Xcode甚至将代码添加到源文件中，以用于您在检查器中更改的元素的属性。 要开始使用SwiftUI，请在创建Xcode项目时选择SwiftUI作
通过Xcode7代码实时预览功能快速开发自定义控件(二)
henanzhg的博客
01-30 2237
打开工程中的Main.storyboard,拖入一个普通的View,并且设置背景色为蓝色。如图     选中View，我们可以在Xcode右边的属性栏中直观的看到当前View的属性，可以设置Alpha,Background,Tint等属性，但是依然有很多属性你不可以直接修改，比如当前View的边框宽度，颜色，圆角的半径等等。     如果想修改这些在系统提供的属性栏中没有的项目，你就要
iOS开发高级分享 - MacOSCatalina和Xcode 11 的快速​UI预览
Jul7day的博客
10-15 724
本文中描述的功能要求如下： Xcode 11 MacOS Catalina IOS 13设置为基SDK你的应用程序调试配置 如果没有这三种情况，您的代码要么不会编译，要么不会呈现实时预览。 点击此处即可获取精选面试资料 对于SwiftUI 我们可以开始使用它的功能今天从根本上加快和改进我们的发展进程-在不改变我们的UIKit应用程序中的代码行的情况下，子类UIButton它在自己周围画了一条边...
Xcode中的隐藏宝藏：模拟器里如何快速预览动态字体显示效果
享受开发，颠倒银河
01-15 783
从Xcode 10 开始，Apple为我们提供了便捷的快速预览方法，从Xcode 11+开始，Apple更进一步，让动态字体的预览更加方便。 还等什么呢？想学这超实用的一招吗？Let's go！
Xcode 11 .2
疯狐狸的博客
11-08 1145
总览 [原文地址][https://developer.apple.com/documentation/xcode_release_notes/xcode_11_2_release_notes] Xcode 11.2包括适用于iOS 13.2，macOS Catalina 10.15，watchOS 6.1和tvOS 13.2的SDK。Xcode 11.2支持针对iOS 8和更高版本，tvOS 9...
通过Xcode7代码实时预览功能快速开发自定义控件(一)
henanzhg的博客
01-30 2719
通过代码实时预览功能开发自定义控件能够使开发者能够直观的修改控件的属性，达到快速自定义控件的效果，我的Xcode版本是7.2正式版，下面开始讲述如何通过代码实时预览功能开发自定义控件。      首先创建一个项目，最近我在学习Swift语言，那么我就建立一个基于Swift语言的iOS singleView项目。如图：             点击Next 想要通过代码实时功能开发自
xcode新版本single view_Xcode 12 Beta 新特性概览
weixin_39991305的博客
11-24 1020
Xcode 一年一度的大版本升级跟着 WWDC 一起来了。Xcode 12 增加了许多新特性，其中很多与各个新系统的新版本相关。当然，由于是 Beta 版本，所以问题也不少，我们这里只将 Xcode 12 的新特性整理出来，完整的文档可以查看Xcode 12 Beta Release Notes。通用• 现在，可以在自己的标签中打开文档，从而可以轻松地在文件之间快速切换，同时保持Xc...
SwiftUI项目如何在Xcode预览(Preview)中开启调试支持
享受开发，颠倒银河
02-26 3052
Xcode在SwiftUI视图预览中默认是无法响应调试支持和激活调试断点的，是不是非要通过模拟器或真机设备调试才可以呢？Let's find out!
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大熊猫侯佩

赏点钱让我买杯可乐好吗 ;)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值