开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SwiftUI:选取器中的ForEach未更新

SwiftUI是一种用于构建iOS、macOS、watchOS和tvOS应用程序的用户界面工具包。它提供了一种声明性的方式来构建用户界面，使开发人员能够以更简洁、更易于维护的方式创建应用程序。

在SwiftUI中，ForEach是一个用于循环遍历集合并为每个元素创建视图的视图构造器。然而，有时候在使用ForEach时可能会遇到选取器中的ForEach未更新的问题。这通常是由于数据模型的变化没有正确地传递给ForEach导致的。

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

确保数据模型是可变的：ForEach需要一个可变的数据模型来正确更新视图。如果数据模型是不可变的，ForEach可能无法正确检测到数据的变化。
使用绑定变量：在ForEach中使用绑定变量可以确保视图在数据模型发生变化时得到更新。绑定变量是一种特殊类型的属性，它可以自动更新视图，并与数据模型保持同步。
使用id参数：在ForEach中使用id参数可以帮助SwiftUI正确地识别和更新视图。id参数应该是一个唯一标识符，通常是数据模型中的一个属性。
使用@State或@ObservedObject属性包装器：如果数据模型是由@State或@ObservedObject属性包装器管理的，它们将自动更新视图。确保正确地使用这些属性包装器来管理数据模型。
使用onAppear修饰符：在ForEach视图中使用onAppear修饰符可以在视图出现时执行一些操作，例如更新数据模型。这可以帮助解决数据更新不及时的问题。

总结起来，解决选取器中的ForEach未更新的问题需要确保数据模型是可变的、使用绑定变量、使用id参数、正确使用属性包装器以及使用onAppear修饰符。通过这些步骤，可以确保ForEach视图正确地更新并显示最新的数据。

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

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（TBC）：https://cloud.tencent.com/product/tbc

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

有帮助

没帮助

相关·内容

探讨 SwiftUI 中的几个关键属性包装器

在这篇文章中，我们将探讨几个在 SwiftUI 开发中经常使用且至关重要的属性包装器。本文旨在提供对这些属性包装器的主要功能和使用注意事项的概述，而非详尽的使用指南。...本文应几位朋友之邀而写，旨在帮助已经熟悉通用编程但对 SwiftUI 相对陌生的开发者，快速理解这些属性包装器的核心作用和适用场景。...注意事项尽量仅在视图的内部使用 @State，即使未显式标记为 private，也应当将其视为视图的私有属性。 @State 为包装数据同时提供了双向数据绑定管道，可以通过 $ 前缀来访问。...UUID // 当 MyView 中的 'items' 数组改变时，这里显示的 UUID 会更新，展示了 @ObservedObject 的动态切换能力...在 iOS 17+ 的环境中，如果应用主要依赖于 Observation 和 SwiftData 框架，那么这三个属性包装器的使用频率可能会相对较低。

2401 0

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

本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误，并提供相应的解决方案。...视图变化在前、状态变化在后在 SwiftUI 中，某些可编程控件在执行一定的操作时，会先更新视图，待视图变化完成后再修改与其对应的状态。这些控件基本上都是对 UIkit（AppKit）的二次包装。...它的复现条件如下： iOS 16 系统，在真机或模拟器上测试点击视图列表中的按钮，可以进入下一级视图。...状态更新滞后不仅存在于本文介绍的两个案例中，当开发者遇到类似情况时，可以尝试采用状态更新优先的开发策略进行修改。总结今年 SwiftUI 已经进入了第五个年头。...随着版本的提高，SwiftUI 的功能也确实得到了相当程度的增加。不过，即使在最新的版本中，在一些对 UIKit（AppKit）进行二次包装的控件中，仍有不少细节处理不到位的问题。

3142 0

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

本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误，并提供相应的解决方案。...原文发表在我的博客肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中，某些可编程控件在执行一定的操作时，会先更新视图，待视图变化完成后再修改与其对应的状态。...而通过调用环境值或直接修改绑定状态，SwiftUI 则遵循了响应式编程原则，进行了的先调整状态，后更新视图的操作。...它的复现条件如下：iOS 16 系统，在真机或模拟器上测试点击视图列表中的按钮，可以进入下一级视图。...状态更新滞后不仅存在于本文介绍的两个案例中，当开发者遇到类似情况时，可以尝试采用状态更新优先的开发策略进行修改。总结今年 SwiftUI 已经进入了第五个年头。

65411 0

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

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...比如在 SwipeCell[3] 中，需要在可滚动组件开始滚动时，自动关闭已经打开的侧滑菜单。遗憾的是，SwiftUI 并没有提供这方面的 API 。...本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。...目前 SwiftUI 在内部的实现上去 UIKit（ AppKit ）化很明显，比如，本节介绍的方法在 SwiftUI 4.0 中已经失效方法二：Runloop我第一次接触 Runloop 是在学习 Combine...模式，因此无法有效地区分滚动是由那个控件造成的方法三：PreferenceKey在 SwiftUI 中，子视图可以通过 preference 视图修饰器向其祖先视图传递信息（ PreferenceKey

3.7K4 0

SwiftU：在循环中创建视图

SwiftUI为此提供了一个专用的视图类型，称为ForEach。这可以在数组和范围上循环，根据需要创建尽可能多的视图。更妙的是，ForEach不会像我们手动输入视图一样被10个视图限制所影响。...ForEach在使用SwiftUI的Picker视图时特别有用，它允许我们显示各种选项供用户选择。...3、Picker有一个标签，“Select your student”（选择你的学生），它告诉用户它做了什么，还提供了一些描述性的东西供屏幕阅读器朗读。...4、Picker与selectedStudent有双向绑定，这意味着它将开始显示0的选择，但是在用户滑动选择器时更新属性。 5、在ForEach中，我们从0数到（但不包括）数组中的学生数。...准备好后，将ContentView.swift放回最初创建项目时的方式，这样我们就有了一个干净的工作基础： import SwiftUI struct ContentView: View {

2.2K2 0

WWDC 23 之后的 SwiftUI 有哪些新功能

前言 WWDC 23 已经到来，SwiftUI 框架中有很多改变和新增的功能。在本文中将主要介绍 SwiftUI 中数据流、动画、ScrollView、搜索、新手势等功能的新变化。...也不再需要 @Published 属性包装器，因为 SwiftUI 视图会自动跟踪任何可观察类型的可用属性的更改。...在之前的 SwiftUI 框架版本中，应该使用 @ObservedObject 属性包装器来订阅更改。现在不需要了，因为 SwiftUI 视图会自动跟踪符合 Observable 协议的类型的更改。...environment 视图修饰符配对，将可观察类型放入 SwiftUI 环境中。...动画动画始终是 SwiftUI 框架中最重要的部分。在 SwiftUI 中轻松实现任何动画，但之前的框架版本缺少一些现在具有的功能。

3522 0

构建稳定的预览视图 —— SwiftUI 预览的工作原理

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...import struct StablePreview.ContentView 在衍生代码中，未使用 import StablePreview，而是使用了 import struct StablePreview.ContentView...编译器能够从完整的代码中正确推断出 ContentView 中的 Item 对应 func select(_: Item) 中的 Item。...在预览的衍生代码中，将会出现 typealias Item = StablePreview.Item 。经过两次别名指引，编译器也能找到正确的 Item 定义。...通过 XPC 发送消息指令， _XCPreviewKit 框架更新预览窗口，并在两个线程建进行交互与同步用户在 Xcode 界面中看到预览效果从预览的实现中可以得到的部分结论如果项目无法编译，预览也无法正常运行

5261 0

避免 SwiftUI 视图的重复计算

如果视图响应了不该响应的状态，或者视图的状态中包含了不该包含的成员，都可能造成 SwiftUI 对该视图进行不必要的更新（重复计算），当类似情况集中出现，将直接影响应用的交互响应，并产生卡顿的状况。...符合 DynamicProperty 协议的属性包装器几乎每一个 SwiftUI 的使用者，在学习 SwiftUI 的第一天就会接触到例如 @State、@Binding 这些会引发视图更新的属性包装器...并且 SwiftUI 会在其变化时自动更新（重新计算）对应的视图。 SwiftUI 上有一个困扰了不少人的问题：为什么无法在视图的构造函数中，更改 State 包装的变量值？...与符合 DynamicProperty 协议的属性包装器主动驱动视图更新的机制不同，SwiftUI 在更新视图时，会通过检查子视图的实例是否发生变化（绝大多数都由构造参数值的变化导致）来决定对子视图更新与否...会在主线程上运行触发器闭包，如果闭包中的操作比较昂贵，可以考虑将闭包发送到后台队列总结本文介绍了一些在 SwiftUI 中如何避免造成视图重复计算的技巧，除了从中查找是否有能解决你当前问题的方法外

9.2K8 1

使用 SwiftUI 创建一个灵活的选择器

前言最近，在我正在开发一个在 Dribbble 上找到的设计的 SwiftUI 实现时，我想到了一个点子，可以通过一些酷炫的筛选器扩展该项目以缩小结果列表。...让我们来看看使用 SwiftUI 创建灵活选择器的实现！可选择协议选择器的最重要部分是，我们可以通过该视图组件选择一些所需的选项。因此，首先创建了一个 Selectable 协议。...如果满足条件，我们将当前项附加到 singleLineResult 中，更新可用的 HStack 行宽，并继续到下一个元素。...这就是为什么我首先将整个 ForEach 循环包装在 HStack 中，然后再包装在 Group 中，以确保编译器可以正确解释一切。...然后，详细介绍了实现该选择器的逻辑，包括如何处理选项的布局、宽度和高度，以及如何处理用户与按钮的交互。最后，提供了一个简单的视图实现，可以在 SwiftUI 中使用该选择器。

2792 0

AnyView 对 SwiftUI 性能的影响

前言AnyView 是一种类型擦除的视图，对于 SwiftUI 容器中包含的异构视图非常方便。在这些情况下，你不需要指定视图层次结构中所有视图的具体类型。...你可以在这个出色的 WWDC 演讲中找到有关 SwiftUI 差异机制的更多细节。Apple 也多次提到，我们应该避免在 ForEach 中使用 AnyView，称其可能会导致性能问题。...在此测试期间，FPS 值的平均值约为每秒 59 帧。滚动是流畅且响应迅速的。有 AnyView接下来，让我们做同样的测试，同时使用 AnyView 包装器。以下是动画卡顿仪器配置文件中的结果。...没有 AnyView在没有 AnyView 包装器的情况下进行测试产生了与常规滚动测试相似的结果（58-59 FPS）。这也是预期的，因为 SwiftUI 知道视图的标识和结构。...为了更好地理解结果，我们需要深入了解 SwiftUI 的工作原理。在这个关于 SwiftUI 性能的 WWDC 会话中，来自 SwiftUI 团队的 Raj 讨论了列表或表需要提前知道所有标识符。

1110 0

在 SwiftUI 中创建自适应的程序化导航方案

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...因此在 SwiftUI 中，掌握两种导航容器的状态表述差异是实现自适应导航方案的关键。...，请参阅 SwiftUI 4.0 的全新导航系统[3] 一文。...为了避免使用者产生误解，代码中分别使用了两个 id 修饰器在状态变化后对列视图进行了刷新。...我正以聊天室、Twitter、博客留言等讨论为灵感，从中选取有代表性的问题和技巧制作成 Tips ，发布在 Twitter 上。

4.2K3 0

SwiftUI中的水平条形图

SwiftUI中的水平条形图水平条形图以矩形条的形式呈现数据类别，其宽度与它们所代表的数值成正比。本文展示了如何在垂直条形图的基础上创建一个水平柱状图。水平条形图不是简单的垂直条形图的旋转。...在Numbers 等应用程序中，水平条形图被定义为独立的图表类型，而不是垂直条形图。除了条形差异外，x轴和y轴的格式也需要不同。...Bar Chart with multiple data sets in SwiftUI SwiftUI 中的水平条形图将条形图转换为水平水平条形图不仅仅是在垂直条形图上的配置，有一些元素是可以重复使用的...更新X轴同样，创建了一个XaxisHView视图来显示水平条形图的X轴，并使用与垂直条形图的Y轴类似的代码来布置刻度线和刻度值。...水平和垂直条形图一个iPad模拟器被用来比较垂直和水平条形图的使用，以显示2018年五岁以下儿童死亡率最高的国家。

4.8K2 0

在 Text 中实现基于关键字的搜索和定位

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...（上面的代码使用了隐式 ForEach 形式）中的 View 添加显式标识符后（使用 id 修饰器），在视图刷新时，List 将会为 ForEach 中的所有视图创建实例（并非渲染）用以比对视图类型的构造参数是否发生变化...请阅读优化在 SwiftUI List 中显示大数据集的响应效率[6] 以及避免 SwiftUI 视图的重复计算[7] 两篇文章，了解更多有关性能优化方面的内容通过 currentPostion 获取需要滚动到的...阅读掌握 SwiftUI 的 Safe Area[11] 一文，了解更多有关 safeAreaInset 修饰器的内容safeArea_2022-08-22_18.24.59.2022-08-22 18...从本周开始我将以聊天室、Twitter、博客留言等讨论为灵感，从中选取有代表性的问题和技巧制作成 Tips ，发布在 Twitter 上。

4.2K3 0

SwiftUI 与 Core Data —— 数据获取

在 SwiftUI 中，ForEach 会根据数据标识（ Identifier ）自动处理视图的添加、删除等操作，因此，当在 SwiftUI 中使用 NSFetchedResultsController...类型中的可引发视图更新的数据发生变化后调用该方法。...不可在 update 方法中同步地改变引发视图更新的数据与 SwiftUI 在视图中更新 Source of truth 的逻辑一致，在一个视图更新周期中，不能对 Source of truth 再度更新...这样可以减少 ForEach 数据集的变化频次，改善 SwiftUI 的视图效率。...这是由于一旦 SwiftUI 的惰性容器中出现了多个 ForEach ，惰性容器将丧失对子视图的优化能力。任何数据的变动，惰性容器都将对所有的子视图进行更新而不是仅更新可见部分的子视图。

4.6K3 0

深入了解 SwiftUI 5 中 ScrollView 的新功能

在 SwiftUI 5.0 中，苹果大幅强化了 ScrollView 功能。新增了大量新颖、完善的 API。本文将对这些新功能进行介绍，希望能够让它们更多、更早的帮助到有需要的开发者。...可以在此处[1] 获取完整的演示代码访问我的博客 www.fatbobman.com[2] 可以获得更好的阅读体验以及最新的更新内容。...可采用优化在 SwiftUI List 中显示大数据集的响应效率[5] 一文中介绍的方式来解决。 scrollPostion(id:) 使用此修饰符可以让滚动视图滚动到特定的位置。...（视图标识）不支持锚点设定，固定锚点为子视图的 center 正如优化在 SwiftUI List 中显示大数据集的响应效率[6] 一文所提到的，当数据集很大时，也会出现性能问题。...总结我完全没有想到，在 SwiftUI 5 中，苹果对 ScrollView 进行了全面增强。值得赞赏的是，他们不仅提供了一些一直期待的功能，而且在 API 的设计和实现完成度上都非常出色。

7722 0

dompdf中未修补的RCE漏洞会影响HTML到PDF转换器

研究人员在“dompdf”（一种基于php的HTML到PDF的转换器）中发现了一个未修补的安全漏洞，如果该漏洞被成功利用，可能会导致某些配置中的远程代码被执行。...换而言之，该漏洞允许恶意方将扩展名为.php的字段文件上传到web服务器，然后利用XSS漏洞将HTML注入到web页面中，最后将其呈现为PDF。...这就意味着攻击者可能会导航到上传的php脚本，从而有效地使得远程代码在服务器上执行。...对于那些需要根据用户提供的数据（如票务购买和其他收据）在服务器端生成pdf的网站来说，这可能会导致严重后果，特别是当输入接口没有充分扫描杀毒以减少XSS缺陷的时候，或者是当程序库安装在公共可访问的目录中的时候...“安全漏洞通常是由于设计决策基于对底层或互联组件的错误假设而产生的”，研究人员解释道。“如果可能的话，将dompdf 更新到最新版本并关闭$isRemoteEnabled就可以免于其扰。

1K2 0

SwiftUI geometryGroup() 指南：从原理到实践

在 WWDC 2023 中，苹果为 SwiftUI 添加了一个新的修饰器：geometryGroup()。它可以解决一些之前无法处理或处理起来比较困难的动画异常。...访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...这是因为在 SwiftUI 中，每个可动画视图根据 transaction 中的信息自行决定自身的动画行为。...geometryGroup() 确保子视图在统一的几何信息环境中，以实现预期的布局效果。它为子视图提供了一个连续的几何信息更新过程。总结上述条件后，我们就很容易创建出其它会导致意外行为的代码。...然而，根据实际效果分析，很可能与 iOS 16 引入的 contentTransition 修饰器有关。

2711 0

SwiftUI 布局协议 - Part2

因此当我们使用上一部分中描述的"欺骗"的技巧，我们必须使用 DispatchQueue 用队列更新。...这是可以实现的，因为缓存是一个 inout 参数，我们可以在 placeSubviews 中更新。...此外，在与其他视图布局工作的时候，我们就相当于 SwiftUI 的角色。子布局的任何缓存创建和更新都属于我们的责任，幸运的是，这都很容易处理。我们只需要添加子布局缓存到我们自己的缓存里。...感谢新的布局协议，我创建了一个修饰器，它在尝试理解为什么视图不像您认为的那样工作的时候非常有用，修饰器在这儿： func showSizes(_ proposals: [MeasureLayout.SizeRequest...如果你未制定建议，最小，理想和最大尺寸都将被覆盖。

2.7K3 0

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

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...在 SwiftUI 中，有很多手段可以达成此目的。本文将介绍其中的一些方法，并对每种方法背后的实现原理、适用场景以及注意事项做以说明。...另外，在给定尺寸不明的情况下（未显式为矩形设置尺寸），上面的代码也需要进行一定的调整。...().fill(.clear)在使用 SwiftUI 进行开发的过程中，Color、Rectangle 等经常被用来实现对容器的等分操作。...不过除非矩形的尺寸明确，否则里外都需要使用 GeometryReader ，实现将过于烦琐。总结本文选取了一些有代表性的解决方法，随着 SwiftUI 功能的不断增强，会有越来越多的手段可供使用。

6.7K4 0

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

.}// 可以用类似字典的方式对元素进行操作，快速定位，同时在更新 IdentifiedArray 时，也不容易引发 ForEach 的异常todos[id:id] = newTodo自定义布局Q：在实现自定义布局时...在 SwiftUI 4 中，可以使用 .scrollContentBackground(.hidden) 隐藏列表的默认背景searchableQ：是否有办法在.searchable() 修饰器中以编程方式设置搜索字段的焦点...，但原因并非来自实际的视图内容，而是由于 sheet、toolbar 等修饰器中的代码造成的。...就可以从 URL 中异步加载图片，也可以根据需要实现自己的异步加载器完成异步加载。...我正以聊天室、Twitter、博客留言等讨论为灵感，从中选取有代表性的问题和技巧制作成 Tips ，发布在 Twitter 上。

14.8K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭