开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

添加新项目时SwiftUI列表不更新

在开发过程中，当我们使用SwiftUI创建一个列表，并且在列表中添加新项目时，有时候会遇到列表不自动更新的问题。这个问题通常是由于数据模型的变化没有正确地传递给视图引起的。

要解决这个问题，可以尝试以下几个步骤：

确保数据模型是可变的：在SwiftUI中，列表的更新是基于数据模型的变化来触发的。因此，确保你的数据模型是可变的，即使用@State、@Binding或@ObservedObject等属性包装器来声明数据模型。
使用ForEach视图构建列表：在SwiftUI中，可以使用ForEach视图构建列表，它会自动根据数据模型的变化来更新列表。确保在列表中使用ForEach来遍历数据模型，并为每个项目提供唯一的标识符。
更新数据模型时使用@State或@ObservedObject：如果你的数据模型是使用@State或@ObservedObject属性包装器声明的，确保在更新数据模型时使用正确的方式。对于@State属性包装器，应该使用self来更新属性的值。对于@ObservedObject属性包装器，应该使用数据模型的方法来更新属性的值。
使用onAppear修饰符刷新列表：有时候，列表不会自动更新是因为视图没有正确地刷新。可以尝试在列表视图上使用onAppear修饰符，并在其中手动刷新列表。例如，可以在onAppear中调用一个方法来更新数据模型，从而触发列表的刷新。
使用@Published属性包装器：如果你的数据模型是使用@ObservedObject属性包装器声明的，确保在数据模型中使用@Published属性包装器来声明需要触发更新的属性。这样，当属性的值发生变化时，SwiftUI会自动更新列表。

总结起来，要解决SwiftUI列表不更新的问题，需要确保数据模型是可变的，使用ForEach视图构建列表，正确地更新数据模型，使用onAppear修饰符刷新列表，并在@ObservedObject属性包装器中使用@Published来触发更新。

腾讯云相关产品和产品介绍链接地址：

腾讯云开发者平台：https://cloud.tencent.com/developer
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
腾讯云安全产品（WAF、DDoS防护等）：https://cloud.tencent.com/product/security

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

群晖NAS运行或更新软件时连接的网站列表

下表列出了DSM服务及其各自的网站： DSM/套件安装和更新 DSM 6.2及之前版本的网站 /域 DSM 7.0及以上版本的网站 /域快速入门安装页面 www.synology.com/company.../term_packagecenter.php - DSM更新下载站点 global.download.synology.com update.synology.com autoupdate.synology.com...synology.com 套件信任级别验证 keymaker.synology.com - www.synology.com/company/term_packagecenter.php - DSM更新下载站点...Services_Data_Collection_Disclosure#技术al-support www.synology.com/company/legal/privacy Synology HDD/SSD更新包下载站点...Services_Data_Collection_Disclosure#技术al-support www.synology.com/company/legal/privacy Synology HDD/SSD更新包下载站点

1.7K2 0

Ask Apple 2022 与 SwiftUI 有关的问答（下）

本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为下篇。访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...视图的性能优化Q：面对复杂的用户界面时，控制视图中的更新范围的最佳做法是什么（以避免不需要的转发以及重复计算）。...除此以外，当你试图实现一个可以在各种情况下使用通用的布局时，一定要考虑！但是，如果你只是自己使用它，并且条件可控，那么不处理这些情况也是合理的。...我不建议尝试旋转滚动视图。Swiftcord[12] 的代码展示了如何在 SwiftUI 下实现倒置列表。...）调用 transformAnchorPreference(key:_, value:_, transform:_) or preference(key:_,value:_) 来在 SwiftUI 更新视图时收集坐标信息调用

14.7K3 0

肘子的 Swift 周报 #009

肘子的话最近，我一直在忙于重构自己的博客网站，这不仅是一个更新项目，更是一个学习新编程语言和现代 Web 开发工具框架的机会。...作为一个双语博客，我计划在首页添加一个简单的逻辑，根据访客的浏览器语言设置自动跳转到相应语言的页面。在测试过程中，我发现不同浏览器对系统语言列表的处理方式各不相同，这在前端开发中是一个常见的挑战。...前一期内容｜全部周报列表如果你觉得这份周报或者我的文章对你有所帮助，欢迎点赞、赞赏，并将其转发给更多的朋友。...原创 SwiftUI geometryGroup() 指南：从原理到实践[2] fatbobman（东坡肘子）[3] 在 WWDC 2023 中，苹果为 SwiftUI 添加了一个新的修饰器：geometryGroup...初探 SwiftUI Link[9] Kyle-Ye[10] Link 是 SwiftUI 的一个组件，通过它可以导航到一个指定的 URL。

1301 0

小程序分页，滚动条滚到底部时往列表里添加数据

最近做小程序分页，可以有两种处理方式，一种是滚动到底部显示下一页，另一种是滚动到底部，往列表里加一页数据，我用的是第二种，效果比第一种好多了 wxml:列表底部添加文字提示： <view wx:if="...paged) { goods = res.data; } else{ //当滚动到页面底部<em>时</em>，往<em>列表</em>里<em>添加</em>数据，其它情况（关键字查询，页签切换等）只显示一页数据 goods = that.data.goodsList.concat

5342 0

AnyView 对 SwiftUI 性能的影响

在浏览数据时修改我们可以进行的另一个测试是性能测试 - 向列表发送大量内容并强制更新视图（例如，响应消息），同时我们也浏览数据。这将在较短的时间间隔内触发视图的多次重绘。...这也是预期的，因为 SwiftUI 知道视图的标识和结构。当需要更新视图时，仅对其进行更改（例如，向视图添加另一个反应）。...有 AnyView当我们在这种情况下使用 AnyView 时，事情就变得有趣了 - 在短时间内对屏幕上的视图进行频繁更新。...仅浏览数据时，如果你将视图包装在 AnyView 中，则会比不包装时慢大约 10%。如果你在浏览数据时更改数据，则此差异将增加到约 17%，而且这些故障在这里更加明显。...为了更好地理解结果，我们需要深入了解 SwiftUI 的工作原理。在这个关于 SwiftUI 性能的 WWDC 会话中，来自 SwiftUI 团队的 Raj 讨论了列表或表需要提前知道所有标识符。

960 0

一段因 @State 注入机制所产生的“灵异代码”

当在 Text 中添加 n 的引用后，每次 n 值发生变化，都将引发视图更新。...等则会在 body 求值时调用（可以理解为创建实例），但只有在需要显示时才进行求值这就是说，即使我们在 Sheet 代码块的 Text 中添加了对 n 的引用，但只要模态视图尚未显示，则 n 的...现象分析根据上文中介绍的内容，我们对本文代码的奇怪现象进行一个完整的梳理：当 ContextView 中不包含 Text（ ContextView 没有与 n 创建关联）程序运行，SwiftUI 对...n = 2 show = true}.buttonStyle(.bordered)// .id(n) .onChange(of:n){_ in } // id 或 onChange 均可以在不添加显示内容的情况下...订阅下方的邮件列表[7]，可以及时获得每周的 Tips 汇总。

1.9K2 0

架构之路（五） —— VIPER架构模式（一）

当您查看图表时，您可以看到数据在视图view和实体entities之间流动的完整路径。 SwiftUI有自己独特的做事方式。...通过使用@Published属性包装器声明它，视图将能够监听属性的变化并自动更新自身。下一步是将此列表与来自interactor的数据模型同步。...它的值被分配给这个类自己的trips集合，创建一个链接，当数据模型改变时，保持presenter的trips更新。...当将用户操作发送回数据模型时，VIPER模式甚至更有用。为此，您将添加一个按钮来创建一个新的旅程。...它们添加、移动、删除和更新waypoints。接下来，通过TripDetailPresenter将它们暴露给视图。

17.4K1 0

Ask Apple 2022 与 SwiftUI 有关的问答（上）

本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为上篇。访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...假设我们想创建一个类似于 iMessage 的视图，在那里你可以看到一个信息列表（与本例无关），在视图的底部有一个文本框。当用户点击文本字段时，键盘会在其工具栏中出现一个文本字段。...如果你不想让父视图也被更新，可以在创建对象时不使用 @StateObject 或 @ObservedObject 。...SwiftUI 4.0 中，WindowGroup 获得了相当大的更新，真正具备了开发 macOS 应用的能力。...这可能会导致一些不好的后果，例如使视图的可重用性降低，并将业务逻辑与 SwiftUI 视图的生命周期挂钩，这将使处理业务逻辑变得更加困难。简而言之，我们不建议使用视图作为视图模型。

12.2K2 0

StateObject 与 ObservedObject

StateObject 是在 SwiftUI 2.0 中才添加的属性包装器，它的出现解决了在某些情况下使用 ObservedObject 视图会出现超预期的问题。...访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...会驱动其所属的视图进行更新。...在 SwiftUI 将视图添加到视图树上时，调用 _makeProperty 方法将需要持有的订阅关系、强引用等信息保存到 SwiftUI 内部的数据池中。...var testObject = TestObject() 这样不容易出现歧义表达的代码轻量化视图中使用的引用类型的构造方法无论使用 ObservedObject 还是 StateObject 抑或不添加属性包装器

2.4K2 0

SwiftUI - 百行代码变十行，Swift再创辉煌

原文作者：Cooci_和谐学习_不急不躁苹果开发者大会 WWDC 2019 在北京时间今天凌晨开幕。...例如，编写需要包含文本字段的项目列表时，开发者可以用代码描述每个字段的对齐方式、字体和颜色。代码也比以前更简单，更易于阅读。 ? 这种声明式风格非常适用于像动画这样复杂的元素。...通过 SwiftUI，开发者可轻松地将动画添加到几乎任何控件。...// SwiftUI 示例代码 // 为视图的任何状态声明内容和布局。SwiftUI知道该状态何时发生变化，并更新视图的呈现以匹配该状态。...简便的动画创建方式创建平滑的动画就像添加一个方法调用一样简单。SwiftUI在需要时自动计算和动画转换。

3K4 0

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...革命性的动画和视觉效果升级 SwiftUI 原本欠缺一些高级的动画和视觉功能在本次升级中一并被补上了，而且苹果大幅更新了动画、转场、Shape、效果等方面的内部实现。...可自定义行视图在滚动区域的顶端和显示区域的显示状态（例如可用其实现类似 watchOS 中的滚动到顶端子视图缩小的视觉效果）、支持分页滚动（开发者长期盼望的）、自定义滚动内容的缩进、为滚动内容（非滚动容器）添加安全区域等众多功能...订阅下方的邮件列表[7]，可以及时获得每周最新文章。...s=20 [5] 邮件列表: https://artisanal-knitter-2544.ck.page/d3591dd1e7

3641 0

优化在 SwiftUI List 中显示大数据集的响应效率

首先创建一个假设性的需求：一个可以展示数万条记录的视图从上个视图进入该视图时不应有明显延迟可以一键到达数据的顶部或底部且没有响应延迟响应迟钝的列表视图通常会考虑采用如下的步骤以实现上面的要求：...也就是当显示主界面菜单时，列表视图已经完成了实例的创建（可以通过在 ListEachRowHasID 的构造函数中添加打印命令得以证明），因此也不应是实例化列表视图导致的延迟。...标识（ Identity ）是 SwiftUI 在程序的多次更新中识别相同或不同元素的手段，是 SwiftUI 理解你 app 的关键。...解决方案一从 iOS 15 开始，SwiftUI 为 List 添加了更多的定制选项，尤其是解除了对列表行分割线设置的屏蔽且添加了官方的实现。...，并在首次滚动到列表底部时也没有延迟。

9.1K2 0

Xcode 11 初体验

SwiftUI、storyboad其中我有两篇博客也介绍到了SwiftUI:SwiftUI - 百行代码变十行，Swift再创辉煌和 WWDC - SwiftUI - 初恋般的感觉代码块代码块也做了调整...我下面给大家开始演示打开项目文件，然后找到 Swift Packages 选项卡：点击添加要导入的第三方框架，这里以 RxSwift 为点击 Next 会执行验证，稍等片刻就会让你选择版本以及分支...在Git Tab页面，会展示出当前本地 Branches 列表、Stash Changes 列表、Tags 列表、Remotes 远程仓库列表。...这两个条件对开发者来说应该不陌生，它们也是最难通过常规手段复现的场景。...关于Swift UI 的更新其中我有两篇博客也介绍到了 SwiftUI : SwiftUI - 百行代码变十行，Swift再创辉煌 WWDC - SwiftUI - 初恋般的感觉参考：Apple 官方文档一线搬砖工人

3.2K1 0

编码时易忽略的坏习惯-优化编码（仅用于个人学习，不喜勿喷--持续更新）

技巧篇」本次不赘述。编码时易犯的一些小毛病毛病一：变量作为 equals() 方法的调用方。...寄语写最后常在河边站哪有不湿鞋，再牛逼的码农，编码也会有失误的时候，很有必要借助一款代码检查工具，做最后一道防线。...日志打印时，占位符 {} 要严格与参数相对应，如果对应不上，按照截图示意，日志输出则不会打印 queryString 的参数，会直接输出 {}，但是某些版本下会出现空指针异常。...寄语写最后常在河边站哪有不湿鞋，金无足赤人无完人，再牛逼的团队，编码都会有出 Bug 的时候。近期微信公众号推出了一个专辑功能，而我迫不及待的想体验。...谁成想，当我点击创建专辑时，输入专辑名称「码农心声」等信息，然后点击保存，却发现列表页面出现了多个「码农心声」，而且赶紧截了个图，不知道是不是个 Bug？ But who cares？

5153 0

从前端视角看 SwiftUI

既然采用了类似 redux 的手法，不知道 SwiftUI 是否会遇到与前端开发类似的问题，例如 immutability 确保更新可以被感知；透过优化 subscribe 机制确保 store 更新时只有对应的元件会更新...也有内建机制叫做 @EnvrionmentObject，其运作机制很像 React 的 context，让元件可以跨阶层存取变数，当 context 改变时也会更新元件。...响应机制在 React 当中，状态或是 props 有变动时都会触发元件更新，透过框架实作的 diff 机制比较后反映到画面上。...列表 SwiftUI 与 React 当中都可以渲染列表，而撰写的方式也有雷同之处。...const list = ['iPhone', 'Android', 'Mac'] return list.map(item => {item}) } 在渲染列表时为了确保效能

3.5K2 0

解析 SwiftUI 中两处由状态更新滞后引发的严重 Bug

众所周知，SwiftUI 是一个响应式框架，这意味着，当数据源发生变化时，框架会自动更新视图。同样，当我们想调整视图显示时，应直接对状态进行修改。...原文发表在我的博客肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中，某些可编程控件在执行一定的操作时，会先更新视图，待视图变化完成后再修改与其对应的状态。...为 NavigationStack 添加一个屏蔽手势的前景视图，以确保用户只能在 showSheet 为否时通过滑动返回到上一层视图。...状态更新滞后不仅存在于本文介绍的两个案例中，当开发者遇到类似情况时，可以尝试采用状态更新优先的开发策略进行修改。总结今年 SwiftUI 已经进入了第五个年头。...希望 SwiftUI 开发组能尽早重视这些问题。欢迎你通过 Twitter、 Discord 频道或博客的留言板与我进行交流。订阅下方的邮件列表，可以及时获得每周最新文章。

62111 0

在 SwiftUI 中实现视图居中的若干种方法

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...3.0 开始，在使用 background 添加符合 ShapeStyle 协议的元素时，可以通过 ignoresSafeAreaEdges 参数设置是否忽略安全区域，默认值为 .all （忽略任何的安全区域...解决的方法是：.background(.blue, ignoresSafeAreaEdges: []) ，排除掉不希望忽略的安全区域。...Text 的可利用宽度将超过 Color 的宽度因此会出现两种可能的错误状态：当文本较长时，Text 会超过 Color 的宽度由于合成视图具备可变尺寸特性，VStack、HStack 在为其添加 spacing...我为本文这种通过多种方法来解决一个问题的方式添加了【小题大作】标签，目前使用该便签的文章还有：在 Core Data 中查询和使用 count 的若干方法[6]、在 SwiftUI 视图中打开 URL

6.7K4 0

如何判断 ScrollView、List 是否正在滚动中

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...比如在 SwipeCell[3] 中，需要在可滚动组件开始滚动时，自动关闭已经打开的侧滑菜单。遗憾的是，SwiftUI 并没有提供这方面的 API 。...发送 1 .merge(with: idlePublisher .map { _ in 0 } // 不滚动时，...ScrollView + VStack（ HStack ）这类的组合，只需为可滚动视图添加一个 scrollSensor 即可。...每周也会对当周博客上的新文章以及在 Twitter 上发布的 Tips 进行汇总，并通过邮件列表的形式发送给订阅者。订阅下方的邮件列表[9]，可以及时获得每周的 Tips 汇总。

3.7K4 0

干货 | 关于SwiftUI，看这一篇就够了

2.1 Opaque Result Type 新建一个SwiftUI的新项目，会出现如下代码：一个Text展示在body中。...但是，在SwiftUI里面，视图中声明的任何状态、内容和布局，源头一旦发生改变，会自动更新视图，因此，只需要一次布局。在属性前面加上@State关键词，即可实现每次数据改动，UI动态更新的效果。...也就是说，声明一个属性时，SwiftUI会将当前属性的状态与对应视图的绑定，当属性的状态发生改变的时候，当前视图会销毁以前的状态并及时更新，下面具体分析一下这个过程。...观察者模式是描述一对多关系：一个对象发生改变时将自动通知其他对象，其他对象将相应做出反应。...因为，在 SwiftUI中这些属性的设置在内部都会用一个View来承载，然后在布局的时候就会按照上面示例的布局流程，一层层View的计算布局下来，这样做的优点是：方便底层在设计渲染函数时更容易做到monomorphic

6.2K1 0

iOS13 Scene Delegate

当将scene添加到app中时scene(_:willConnectTo:options:)函数会被调用的，因此在这里对scene进行配置。...因此，iOS13以前创建项目如果不需要多窗口就不需要任何改动，而iOS13以后创建新项目时，就要做一些适配: 1....支持多窗口适配 iOS 13后新项目中info.plist中的配置项Application Scene Manifest是针对iPad multiple windows功能推出的。...四、SwiftUI中SceneDelegate SwiftUI创建的iOS 13项目，所以SwiftUI应用程序主要依靠SceneDelegate来设置应用程序的初始UI。...接着为SwiftUI项目创建了ContentView实例，并通过使用UIHostingController将其添加为根视图控制器。该控制器用于将基于SwiftUI的视图显示在屏幕上。

5.2K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭