在SwiftUI中，视图不会在ForEach内部更新

。SwiftUI是一种声明式的UI框架，它使用了一种称为"reactive programming"的方法来处理UI的更新。在ForEach内部，如果数据发生变化，SwiftUI会根据新的数据重新创建视图。这意味着，当数据发生变化时，ForEach会重新创建所有的视图，而不是仅仅更新已更改的部分。

这种行为有一些优势。首先，它可以提高性能，因为只有真正需要更新的视图才会被重新创建。其次，它可以确保视图的状态与数据的状态保持一致，避免了一些常见的UI错误。

然而，有时候我们可能希望在ForEach内部更新视图，以便实现一些特定的行为。在这种情况下，我们可以使用id参数来告诉SwiftUI如何识别视图，并在数据发生变化时更新它们。例如，我们可以使用id参数来指定一个唯一的标识符，当标识符相同时，SwiftUI会认为是同一个视图，并更新它。

在SwiftUI中，我们可以使用ForEach来遍历一个数组，并为每个元素创建一个视图。例如，我们可以使用以下代码来创建一个简单的列表：

struct ContentView: View {
    let items = ["Item 1", "Item 2", "Item 3"]
    
    var body: some View {
        List {
            ForEach(items, id: \.self) { item in
                Text(item)
            }
        }
    }
}

在上面的代码中，我们使用ForEach遍历items数组，并为每个元素创建一个Text视图。我们使用id: \.self来告诉SwiftUI使用元素本身作为唯一标识符。这样，当items数组发生变化时，SwiftUI会根据新的数据重新创建视图。

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

腾讯云函数（云原生、服务器运维）：https://cloud.tencent.com/product/scf
腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
腾讯云安全产品（网络安全）：https://cloud.tencent.com/product/ssl
腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobapp
腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
腾讯云区块链（区块链）：https://cloud.tencent.com/product/baas
腾讯云游戏多媒体引擎（元宇宙）：https://cloud.tencent.com/product/gme

相关·内容

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

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...欢迎大家在 Discord 频道[2] 中进行更多地交流将某个视图在父视图中居中显示是一个常见的需求，即使对于 SwiftUI 的初学者来说这也并非难事。...在 SwiftUI 中，有很多手段可以达成此目的。本文将介绍其中的一些方法，并对每种方法背后的实现原理、适用场景以及注意事项做以说明。...().fill(.clear)在使用 SwiftUI 进行开发的过程中，Color、Rectangle 等经常被用来实现对容器的等分操作。...我为本文这种通过多种方法来解决一个问题的方式添加了【小题大作】标签，目前使用该便签的文章还有：在 Core Data 中查询和使用 count 的若干方法[6]、在 SwiftUI 视图中打开 URL

6.6K4 0

避免 SwiftUI 视图的重复计算

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

9.2K8 1

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

这是因为在 SwiftUI 中，每个可动画视图根据 transaction 中的信息自行决定自身的动画行为。...在创建黄色圆形时，它无法获得状态改变前的 topLeading 位置信息，因此无法满足我们的要求。本节涉及到 transaction 以及 SwiftUI 动画的一些内部运行机制。...geometryGroup() 确保子视图在统一的几何信息环境中，以实现预期的布局效果。它为子视图提供了一个连续的几何信息更新过程。总结上述条件后，我们就很容易创建出其它会导致意外行为的代码。...在 SwiftUI 内部，将上述的三元运算符调整为类似以下代码的形式： if toggle { Text("Hello") } else { Text("World") } 在 iOS...对于 iOS 16，在文字变化较多且较大的情况下，应尽量避免在父视图几何信息调整时切换文字内容。总结在本文中，我们深入探讨了 SwiftUI 中 geometryGroup() 的重要性和实用性。

2511 0

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

，那么有极大的可能源自 SwiftUI 的内部处理机制。...在 SwiftUI 视图的生命周期研究[3] 一文中，我对 List 如何对子视图的显示进行优化做了一定的介绍。...标识（ Identity ）是 SwiftUI 在程序的多次更新中识别相同或不同元素的手段，是 SwiftUI 理解你 app 的关键。...在 SwiftUI 中为视图设置显式标识目前有两种方式：在 ForEach 的构造方法中指定由于 ForEach 中的视图数量是动态的且是在运行时生成的，因此需要在 ForEach 的构造方法中指定可用来标识子视图的...使用了 id 修饰符相当于将这些视图从 ForEach 中拆分出来，因此丧失了优化条件。总之，当前在数据量较大的情况下，应避免在 List 中对 ForEach 的子视图使用 id 修饰符。

9.1K2 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 的设计和实现完成度上都非常出色。

6712 0

SwiftUI 与 Core Data —— 数据获取

在 SwiftUI 中，ForEach 会根据数据标识（ Identifier ）自动处理视图的添加、删除等操作，因此，当在 SwiftUI 中使用 NSFetchedResultsController...这将有两个作用：数据变化后将引发与其绑定的视图进行更新由于底层数据并不保存在视图中，因此在视图存续期中 SwiftUI 可以随时创建新的视图描述实例而无需担心数据丢失虽然苹果没有公开 _makeProperty...不可在 update 方法中同步地改变引发视图更新的数据与 SwiftUI 在视图中更新 Source of truth 的逻辑一致，在一个视图更新周期中，不能对 Source of truth 再度更新...这样可以减少 ForEach 数据集的变化频次，改善 SwiftUI 的视图效率。...这是由于一旦 SwiftUI 的惰性容器中出现了多个 ForEach ，惰性容器将丧失对子视图的优化能力。任何数据的变动，惰性容器都将对所有的子视图进行更新而不是仅更新可见部分的子视图。

4.6K3 0

用 SwiftUI 实现 3D Scroll 效果

学完本教程后，你就可以在你的 App 中把这种 3D 效果加入任何自定义的 SwiftUI 视图。下面我们来开始本教程的学习。入门首先，创建一个新的 SwiftUI 视图。...var colors: [Colors] 实现这个列表在 body 变量的内部，删除掉占位 Text。...) { HStack(alignment: .center, spacing: 50) { } } } 展示矩形我们使用 ForEach 在 HStack...内部根据 colors 中的数据分别创建不同颜色的矩形。...axis 参数是一个元组类型，它定义了在使用你传入的角度参数时，哪一个坐标轴要发生改变。在本例中，是 Y 轴。 rotation3DEffect() 方法的文档可以在苹果官方网站的这里找到。

1.5K2 0

SwiftU：在循环中创建视图

通常在一个循环中创建多个SwiftUI视图。例如，我们可能想要遍历一系列名称，并让每个名称成为文本视图，或者遍历一系列菜单项，并将每个名称显示为图像。...SwiftUI为此提供了一个专用的视图类型，称为ForEach。这可以在数组和范围上循环，根据需要创建尽可能多的视图。更妙的是，ForEach不会像我们手动输入视图一样被10个视图限制所影响。...ForEach在使用SwiftUI的Picker视图时特别有用，它允许我们显示各种选项供用户选择。...3、创建一个Picker视图，要求用户选择他们最喜欢的，并将选择的值和@State属性双向绑定。 4、使用ForEach循环遍历所有可能的学生姓名，将其转换为文本视图。...4、Picker与selectedStudent有双向绑定，这意味着它将开始显示0的选择，但是在用户滑动选择器时更新属性。 5、在ForEach中，我们从0数到（但不包括）数组中的学生数。

2.1K2 0

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

本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。...SwiftUI 中，很多的视图控件是对 UIKit（ AppKit ）控件的二次包装。...目前 SwiftUI 在内部的实现上去 UIKit（ AppKit ）化很明显，比如，本节介绍的方法在 SwiftUI 4.0 中已经失效方法二：Runloop我第一次接触 Runloop 是在学习 Combine...：PreferenceKey在 SwiftUI 中，子视图可以通过 preference 视图修饰器向其祖先视图传递信息（ PreferenceKey ）。...preference 与 onChange 的调用时机非常类似，只有在值发生改变后才会传递数据。在 ScrollView、List 发生滚动时，它们内部的子视图的位置也将发生改变。

3.7K4 0

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

前言 WWDC 23 已经到来，SwiftUI 框架中有很多改变和新增的功能。在本文中将主要介绍 SwiftUI 中数据流、动画、ScrollView、搜索、新手势等功能的新变化。...Observation 框架为我们提供了 Observable 协议，必须使用它来允许 SwiftUI 订阅更改并更新视图。...在之前的 SwiftUI 框架版本中，应该使用 @ObservedObject 属性包装器来订阅更改。现在不需要了，因为 SwiftUI 视图会自动跟踪符合 Observable 协议的类型的更改。...动画动画始终是 SwiftUI 框架中最重要的部分。在 SwiftUI 中轻松实现任何动画，但之前的框架版本缺少一些现在具有的功能。...还可以通过编程方式滚动到任何视图，但是，应该使用 scrollTargetLayout 视图修饰符来告诉 SwiftUI 框架在哪里查找标识以更新绑定。

3232 0

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

前言最近，在我正在开发一个在 Dribbble 上找到的设计的 SwiftUI 实现时，我想到了一个点子，可以通过一些酷炫的筛选器扩展该项目以缩小结果列表。...在使用 UIKit 时，我总是将这种类型的视图实现为具有特定 UICollectionViewFlowLayout 的 UICollectionView。但在 SwiftUI 中该如何实现呢？...Identifiable 和 Hashable 协议确保我们可以轻松创建具有 ForEach 循环的 SwiftUI 视图。...如果满足条件，我们将当前项附加到 singleLineResult 中，更新可用的 HStack 行宽，并继续到下一个元素。...最后，提供了一个简单的视图实现，可以在 SwiftUI 中使用该选择器。这个选择器可用于创建各种交互式选择界面。 - EOF -

2452 0

GeometryReader ：好东西还是坏东西？

特别是在最近几次 SwiftUI 更新中新增了一些可以替代 GeometryReader 的 API 后，这种观点进一步加强。...这些批评并非全无道理，其中相当一部分已经通过新的 API 在 SwiftUI 版本更新后得到了改善或解决。...将几何信息传递到上层视图，可能会引起不必要的视图更新。而向下传递信息，可以确保更新只在 GeometryReader 的闭包中进行。 GeometryReader 是布局容器吗，它的布局逻辑是什么？...请阅读用 SwiftUI 的方式进行布局[9] 和在 SwiftUI 中实现视图居中的若干种方法[10] 两篇文章，以了解面对同一个需求，SwiftUI 有多种布局手段。...里子和面子：不同的尺寸数据在 SwiftUI 中，有一些 modifier 是在布局之后，在渲染层面对视图进行的调整。

4567 0

SwiftUI中的水平条形图

在Numbers 等应用程序中，水平条形图被定义为独立的图表类型，而不是垂直条形图。除了条形差异外，x轴和y轴的格式也需要不同。...Bar Chart with multiple data sets in SwiftUI SwiftUI 中的水平条形图将条形图转换为水平水平条形图不仅仅是在垂直条形图上的配置，有一些元素是可以重复使用的...Y轴我们创建了一个YaxisHView视图，用于在水平条形图上显示Y轴和条形图中的数据类别。...在创建垂直条形图时学到的技术可以重复使用，但最好将水平条形图视为与垂直条形图不同的图表。当我们深入到轴等组件时，可以看到两个图表中的轴线都是一样的，但是它们的标签和定位在x和y之间是换位的。...这可能是将这些组件分解成更小的SwiftUI视图并通过组合来重用的原因。

4.7K2 0

Airbnb 的三阶段 SwiftUI 迁移实践

Airbnb 的工程师认为，SwiftUI 的主要优势是它的灵活性和可组合性、声明性、简洁性和惯用性，他们希望这些优势可以改进开发者体验，同时不会在用户体验方面有所损失。...第二步是构建基础设施，实现基于 UIKit 的 Epoxy 视图和 SwiftUI 视图之间的双向桥接。桥接的实现细节可以在原文中找到。...简单地说，桥接是基于 UIHostingViewController（将 SwiftUI 层次结构嵌入到视图控制器）和 UIViewRepresentable（将 UIKit 视图集成到 SwiftUI...可测试性在 Airbnb 有比较高的优先级。他们的新 SwiftUI 实现需要能够很好地适应他们的快照测试方法。...ViewInspector 允许在运行时遍历视图层次结构，并可直接访问底层“视图”结构体，从而使内部状态变得可检查，并可以编程的方式模拟用户交互。

1961 0

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

视图的性能优化Q：面对复杂的用户界面时，控制视图中的更新范围的最佳做法是什么（以避免不需要的转发以及重复计算）。...在更复杂的 UI 中，由于视图的更新速度过快，性能（至少在 macOS 上）迅速下降。A：有不同的策略。ObservableObject 是使视图或视图层次结构的失效（引发重新计算）的单元。...这种 “软弃用” 的 API 不会在代码自动补全中提供，而且通常处在文档中单独的一个部分。但编译器不会对现有的使用发出警告。...连锁动画Q：在 SwiftUI 中，如何实现连锁动画？例如，我想先给一个视图做动画，当动画完成后立即启动另一个动画。A：不幸的是，目前不可能实现连锁动画。...）调用 transformAnchorPreference(key:_, value:_, transform:_) or preference(key:_,value:_) 来在 SwiftUI 更新视图时收集坐标信息调用

14.7K3 0

SwiftUI 与 Core Data —— 安全地响应数据

SwiftUI 与 Core Data —— 问题[1]SwiftUI 与 Core Data —— 数据定义[2]SwiftUI 与 Core Data —— 数据获取[3]可以在此处[4] 获取演示项目...在 retainsRegisteredObjects 为 true 的情况下，托管对象会在内部保留对该对象的强引用，即使没有外部代码引用该托管对象实例，对象实例也不会被销毁。..., formatter: itemFormatter)")因此在 ContentView 的 ForEach 中，item 并不会被视为一个可以引发视图更新的 Source of truth （通过...由于 AnyConvertibleValueObservableObject 符合 ObservableObject 协议，一样会引发 Cell 视图的更新，在新的一轮渲染中，如果我们限定 convertToGroup...通过在视图中获取值类型数据对应的托管对象实例，便可以既保证安全，又保持了响应的实时性。为了演示方便，仍以普通的 SwiftUI 数据流举例：@State var item: ItemValue?

3.2K2 0

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

众所周知，SwiftUI 是一个响应式框架，这意味着，当数据源发生变化时，框架会自动更新视图。同样，当我们想调整视图显示时，应直接对状态进行修改。...原文发表在我的博客肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中，某些可编程控件在执行一定的操作时，会先更新视图，待视图变化完成后再修改与其对应的状态。...由于在返回上层视图时，状态尚未更新，因此在清理 AG 时（返回动画运行中），会破坏应用程序的 AttributeGraph 完整性，从而导致应用程序死锁或崩溃。...状态更新滞后不仅存在于本文介绍的两个案例中，当开发者遇到类似情况时，可以尝试采用状态更新优先的开发策略进行修改。总结今年 SwiftUI 已经进入了第五个年头。...随着版本的提高，SwiftUI 的功能也确实得到了相当程度的增加。不过，即使在最新的版本中，在一些对 UIKit（AppKit）进行二次包装的控件中，仍有不少细节处理不到位的问题。

58811 0

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

这与SwiftUI不同，在SwiftUI中，视图显示任何新视图。这种分离来自“Uncle”Bob Martin的Clean Architecture paradigm。...最后，在TripListView中，在ForEach的结束括号后面添加以下内容： .onDelete(perform: presenter.deleteTrip) 将. ondelete添加到SwiftUI...router处理从一个屏幕到另一个屏幕的转换，设置下一个视图所需的类。在命令式UI范例中——换句话说，在UIKit中——路由router将负责显示视图控制器或激活segue。...要将VIPER映射到SwiftUI，视图现在负责显示/隐藏视图，路由router是一个目标视图生成器，presenter在它们之间进行协调。...当您将其放置在NavigationView中时，该链接将成为一个按钮，将destination推送到导航堆栈上。 content块可以是任何一个SwiftUI视图。

17.4K1 0

只在视图 Body 中生存的变量

本文将探讨在 SwiftUI 的视图 body 中用 var 来创建变量的意义和可能的场景。意义严格来说，本文接下来介绍的两个场景，都有其他的替代方案（无需在 body 中创建变量）。...不过就和通过 let _ = print("update") 能够帮助我们了解视图的动态一样，掌握了在 body 中通过 var 创建变量及应用的方法，也将有助于开发者更好地理解 SwiftUI 视图的求值逻辑并掌握其时机...同我们不要去推断在一个视图的存续期内，SwiftUI 会创建多少个该视图的实例一样，我们也不应假设，在渲染第一行数据之前，body 没有被调用过。...在数据变化时（包括首次提取数据），FetchRequest 会根据数据量向视图发送更新信号（可通过 onRecevie 来验证）虽然不能假设，但我们可以通过下面的方法，让 offset 的数据，在首行获得重置...在 SwiftUI 所有的惰性容器中，都会出现计算两次的情况（或许与惰性容器的视图值保存机制有关），这就要求我们为了得到正确的 offset 值必须进行除 2 的操作。

6501 0

如何让 SwiftUI 的列表变得更加灵活

前言 List 可能是 SwiftUI 附带的内置视图中最常用的一种，它使我们能够在任何 Apple 平台上呈现“类似于表格视图”的用户界面。...为了演示这种情况，我们在 List 中嵌套一个 ForEach （因为在 SwiftUI 的中，列表变化一版都是由 ForEach 触发的，而不是由 List 触发的）。...由于每个 article 值在 ForEach 闭包中都是可变的，我们可以使用新的 swipeActions 修饰符来实现每个 NavigationLink 项目视图的自定义滑动操作。...中使用，请查看昨天的这篇文章[1]，不要错过真正重要的“在 Swift 中认识 async/await[2]”WWDC 会议。...可定制的分隔符自从引入 SwiftUI 以来，开发者们有一个非常普遍的要求，提供一个 API ，用于隐藏或以其他自定义实现列表中每个 item 之间的默认分隔符。

4.8K4 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云