开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SwiftUI @State数组不更新在init()过程中追加的值

SwiftUI是一种用于构建用户界面的现代化框架，它是苹果公司推出的一种声明式UI编程范式。在SwiftUI中，@State是一种属性包装器，用于声明可变状态。当@State属性的值发生变化时，SwiftUI会自动更新相关的视图。

在init()过程中追加的值不会自动更新@State数组的原因是，init()方法在视图的生命周期中只会被调用一次，而@State属性的更新是通过SwiftUI的响应式机制实现的。因此，如果想要在init()过程中追加的值能够更新@State数组，可以考虑使用其他适合的属性包装器，如@Binding或@ObservableObject。

@Binding是一种属性包装器，用于在视图之间传递值。通过将@Binding属性传递给子视图，可以实现值的双向绑定。在init()过程中追加的值可以通过@Binding属性传递给子视图，并在子视图中更新。

@ObservableObject是一种属性包装器，用于创建可观察对象。可观察对象是一种具有发布-订阅机制的对象，当其属性发生变化时，会自动通知相关的观察者。可以将@ObservableObject属性用作数据模型，在init()过程中追加的值可以通过更新数据模型中的属性来实现更新。

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

腾讯云函数（云原生无服务器计算服务）：https://cloud.tencent.com/product/scf
腾讯云数据库（云原生数据库服务）：https://cloud.tencent.com/product/cdb
腾讯云CDN（内容分发网络服务）：https://cloud.tencent.com/product/cdn
腾讯云安全加速（网络安全服务）：https://cloud.tencent.com/product/ddos
腾讯云人工智能（AI服务）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT服务）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动应用开发服务）：https://cloud.tencent.com/product/mad
腾讯云对象存储（云存储服务）：https://cloud.tencent.com/product/cos
腾讯云区块链（区块链服务）：https://cloud.tencent.com/product/baas
腾讯云虚拟专用网络（VPC服务）：https://cloud.tencent.com/product/vpc

相关搜索:Angular 6在不更新数组的组件之间共享数据 SwiftUI @Published object不更新双结构数组的UI SwiftUI ForEach在最近的更新后不工作 SwiftUI:如何在函数计算@State值的同时进行视图更新？SwiftUI：@State属性在没有奇怪的解决方法的情况下不会更新为什么我的状态视图在更新@ SwiftUI变量时不更新？在BigQuery中更新结构数组中的值在C中更新数组中的值在javascript中更新视图中的数组值在Vue中更新多维数组中的值

相关搜索:

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

有帮助

没帮助

相关·内容

React useEffect中使用事件监听在回调函数中state不更新的问题

很多React开发者都遇到过useEffect中使用事件监听在回调函数中获取到旧的state值的问题，也都知道如何去解决。...state最新值的问题下面根据上面React代码模拟为常规的js代码let obj; // 模拟btn元素const App = (addOne) => { // 模拟React App纯函数组件...a:', a);}全局作用域的obj对象类似于按钮btn refApp函数类似React App纯函数组件每次state变化，React 函数会重新执行，所以我们可以进行如下模拟操作图片这个示例的运行过程就比较好理解...在React函数中也是一样的情况，某一个对象的监听事件的回调函数，这个对象相当于全局作用域变量（或者与函数同一层作用域链），在回调函数中获取到的state值，为第一次运行时的内存中的state值。...而组件函数内的普通函数，每次运行组件函数中，普通函数与state的作用域链为同一层，所以会拿到最新的state值。

10.5K6 0

el-dialog里的数组不更新，在关闭的一瞬间更新了

split_goods_json[i].split_number" style="width: 150px;"> 但是在方法中更新数据不会重新渲染...，其实这个问题的本质也不是dialog的问题，而是vue的机制问题， https://cn.vuejs.org/v2/guide/reactivity.html Vue 不能检测以下数组的变动当你利用索引直接设置一个数组项时...，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 为了解决第一类问题，以下两种方式都可以实现和...vm.items[indexOfItem] = newValue 相同的效果，同时也将在响应式系统内触发状态更新： // Vue.set Vue.set(vm.items, indexOfItem,

2K2 0

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

锁定 Charts 纵轴刻度Q：我有一个 Swift 图表，通过监听拖动事件实现在拖动过程中显示一个 RuleMark。在拖动过程中，Y 轴的刻度会变大。...不过，在传统的 viewModel 意义上，我不建议将视图（结构本身）作为视图模型。...1 : 0.5) 代替 if value < 10 {} else {}@State 的初始化Q：在启动时设置 @State var 值的正确方法是什么？...我知道 @State 应该是一个内部值，但在某些情况下，我们需要从外部传入一个值，这对于 onAppear 似乎并不可行。下面的方法由于某种原因并不总是有效。...提问者应该是想通过在父视图中不断修改 id 的参数值，来重新初始化 State 的值。

12.2K2 0

ObservableObject研究

，数据流并非完全单向的•在部分视图中可以结合SwiftUI通过的其他包装属性如@FetchRequest等将状态局部化后两项是利用SwiftUI的特性，也可以不采用，完全采用单向数据流的方式基于以上方法...甚至，如果你像我一样，忘了移除在View中的声明，View也同样会被更新。如果类似的View比较多，你的app将会出现大量的无效更新。...众多的依赖将使我们无法享受到SwiftUI提供的View更新优化机制。...•只对原有的程序结构做微小的调整•State中每个元素都会在自改动时独立的发出通知•每个View可以只与自己有关的State中的元素创建依赖•对Binding的完美支持追加：减少代码量在实际的使用中...上述代码我已经放到了Github 总结之所以进行这方面的探讨是由于我的app出现了响应的粘滞（和我心目中iOS平台上该有的丝滑感有落差）。在研究学习的过程中也让我对SwiftUI的有了进一步的认识。

2.4K6 0

SwiftUI 与 Core Data —— 数据获取

上述做法确实是完全符合 Redux 精神的一种方式，但由于在将托管对象转换到值类型这一过程中我们放弃了 Core Data 的懒加载这一特性，因此一旦数据量较多将导致严重的性能和内存占用问题。...尽管在实践中，如果能在确保不访问托管对象的非线程安全属性的前提下，在非创建托管对象的线程中持有托管对象并不会出现崩溃的情况，但出于谨慎的考虑，我最终还是放弃了这种方式。...不可在 update 方法中同步地改变引发视图更新的数据与 SwiftUI 在视图中更新 Source of truth 的逻辑一致，在一个视图更新周期中，不能对 Source of truth 再度更新...ID 顺序或数量没有发生变化时，即使数据的属性值发生变化，MockableFetchRequest 也不会更新数据集。...，避免引发视图的不必要的更新通过创建一个具有包装用途的引用类型来持有需要修改的数据（在 @State 中持有引用），便可以达成如下目的：1、让数据的生命周期与视图生存期一致；2、数据可更改；3、更改数据不会引发视图更新

4.6K3 0

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

，在 Text 中不包含 n 的情况下，即使 n 值改变，StateTest 视图的 body 也不会重新计算。...当在 Text 中添加 n 的引用后，每次 n 值发生变化，都将引发视图更新。...State 声明的，但 show 的变化并不会导致 ContextView 重新更新。...但捕获了视图当前的 n 值（ n = 1 ）点击 Button 后，由于 n 值发生了变化，ContextView 重新求值（重新解析 DSL 代码）在重新求值的过程中，.fullScreenCover...在面对这些“灵异现象”时，如果我们能对其进行更多的研究，那么不仅可以在今后避免类似的问题，而且在分析的过程中，也能对 SwiftUI 的各种运行机制有深入的掌握。希望本文能够对你有所帮助。

1.9K2 0

避免 SwiftUI 视图的重复计算

符合 DynamicProperty 协议的属性包装器几乎每一个 SwiftUI 的使用者，在学习 SwiftUI 的第一天就会接触到例如 @State、@Binding 这些会引发视图更新的属性包装器...并且 SwiftUI 会在其变化时自动更新（重新计算）对应的视图。 SwiftUI 上有一个困扰了不少人的问题：为什么无法在视图的构造函数中，更改 State 包装的变量值？...其他建议需要跳跃视图层级时，考虑使用 Environment 或 EnvironmentObject 对于不紧密的 State 关系，考虑在同一个视图层级使用多个 EnvironmentObject...与符合 DynamicProperty 协议的属性包装器主动驱动视图更新的机制不同，SwiftUI 在更新视图时，会通过检查子视图的实例是否发生变化（绝大多数都由构造参数值的变化导致）来决定对子视图更新与否...例如：当 SwiftUI 在更新 ContentView 时，如果 SubView 的构造参数（ name 、age ）的内容发生了变化，SwiftUI 会对 SubView 的 body 重新求值（

9.2K8 1

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

但是，在SwiftUI里面，视图中声明的任何状态、内容和布局，源头一旦发生改变，会自动更新视图，因此，只需要一次布局。在属性前面加上@State关键词，即可实现每次数据改动，UI动态更新的效果。...通过@propertyDelegate的修饰，能够解决不同类型的value进行特定的处理；上述包装的方法，能够建立视图与数据之间的关系，并且会判断在属性值发生变化的情况下，通知SwiftUI刷新视图，编译器能够为...@inlinable public init() } Swift 5.1的新特性Property Wrappers（一种属性装饰语法糖）来修饰State，内部实现的大概就是在属性Get、Set的时候，将部分可复用的代码包装起来...方法重构UI，绘制界面，在绘制过程中会自动比较视图中各个属性是否有变化，如果发生变化，便会更新对应的视图，避免全局绘制，资源浪费。...用户交互过程中，会产生一个用户的action，从上图可以看出，在SwiftUI中数据的流转过程如下：该行为触发数据改变，并通过@State数据源进行包装； @State检测到数据变化，触发视图重绘；

5.8K1 0

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

@State @State 是 SwiftUI 中最常用的属性包装器之一，主要用于在视图内部管理私有数据。它特别适合存储值类型数据，如字符串、整数、枚举或结构体实例。...@State 用于管理视图的私有状态。它主要用于存储值类型数据（与视图的生命周期一致）。典型应用场景当需要因视图内的数据变化而触发视图更新时，@State 是理想的选择。...它创建了值（如 Bool）与显示及修改这些值的 UI 元素之间的双向连接。 @Binding 不直接持有数据，而是提供了对其他数据源的读写访问的包装。...只有能够引发视图更新的值被 get 方法读取时，才会触发视图更新（比如 @State、@StateObject ），这点对于自定义 Binding 尤为重要。...UUID // 当 MyView 中的 'items' 数组改变时，这里显示的 UUID 会更新，展示了 @ObservedObject 的动态切换能力

1861 0

@State 研究

数据（状态）驱动在SwiftUI中，视图是由数据（状态）驱动的。...Binding Binding是数据的一级引用，在SwiftUI中作为数据（状态）双向绑定的桥梁，允许在不拥有数据的情况下对数据进行读写操作。...mutating func update()} 工作原理前面我们说过 @State 有两个作用 1.通过使用@State，我们可以在未使用mutating的情况下修改结构中的值2.当状态值发生变化后，...虽然我们在MainView中使用@State声明了date，并且在MainView中修改了date的值，但由于我们并没有在MainView中使用date的值来进行显示或者判断，所以无论我们如何修改date...因此ObservedObject很可能是在初始化MainView的时候建立的依赖关系。之所以花气力来判断这个问题，因为这两种创建依赖的时机的不同会导致View更新效率的巨大差异。

2.9K2 0

深度解读 Observation —— SwiftUI 性能提升的新途径

在 WWDC 2023 中，苹果介绍了 Swift 标准库中的新成员：Observation 框架。它的出现有望缓解开发者长期面临的 SwiftUI 视图无效更新问题。...减少 SwiftUI 中对视图的无效更新，提高应用性能。...SwiftUI 的视图如何观察属性的变化根据 Observation 框架的工作原理，我们可以推测 SwiftUI 大概会采用下面的方法在可观察属性与视图更新之间创建联系： struct A:View...SwiftUI 将根据可观察对象在视图中的注入方式选择对应的观察手段。例如，上文中同时满足两种观察途径的可观察对象，根据其注入的方式不同，SwiftUI 采用的更新策略也将不同。...在改用 Observation 框架后，上述的优化策略将不再是最优解。相反，以前不推荐的方式更加适合新的可观察对象。

4932 0

从用SwiftUI搭建项目说起

，不算是真的深入的掌握，我对SwiftUI也是在学习当中，现在能查阅的关于SwiftUI的资料很多是需要收费的，遇到问题只能想办法努力解决，有写的不钟意的地方，希望多加指正！...这两张图相信看过苹果官方SwiftUI介绍文档并且跟着写了一遍代码的同学应该不陌生，当然我们的目的不是说这两篇的代码，这个具体的可以到下面连接去查看，我自己跟着写了一遍之后对SwiftUI也是有了一个基本的认识...，针对一个需求或者是一个新的项目我们基本上都是从写UI开始的，根据设计图再编造一些假数据来做，只是在写的过程中它的及时效果也都是脑补！...View ---- 我自己觉得，要想从UIKit转换到SwiftUI，需要我们最先转变的概念就是 Controller -> View 的一个改变，在使用SiwftUI写UI的过程中，基本上是不在需要我们向...当 @State 装饰过的属性发生了变化，SwiftUI 会根据新的属性值重新创建视图 */ @State private var selectedTab = 0 var

4.4K2 0

SwiftUI数据流之State&Binding

在SwiftUI中，以单一数据源（single source of truth）为核心，构建了数据驱动状态更新的机制。...@State检测的是值类型值类型仅有独立的拥有者，而class类型可以多个指向一个；对于两个SwiftUI View而言，即使发送给他们两个相同的struct对象，事实上他们每个View都得到了一份独立的...如果User是一个类，属性本身就不会改变，所以@State不会注意到任何东西，也无法重新加载视图。即使类内的某个属性值发生变化，但@State不监听这些，所以视图不会被重新加载。...为了分析变量状态，在16行，User结构体init方法；39行，ContentView的init方法结束；47行，按钮点击执行函数部分，都加入了断点由于@State针对值类型，为了打印出struct的地址...属性包装器针对值类型进行状态管理，用于在Struct中mutable值类型，它的所有相关操作和状态改变和当前 View 生命周期保持一致 Binding将存储在别处的值语意的属性转换为引用语义，在使用时需要在变量名加

4K3 0

在 SwiftUI 下定制手势

在 SwiftUI 下定制手势请访问我的博客 www.fatbobman.com ，以获得更好的阅读体验不同于众多的内置控件，SwiftUI 没有采用对 UIGestureRecognizer（或...•onEnded在手势结束时执行的操作•onChanged当手势提供的值发生变化时执行的操作。只在 Value 符合 Equatable 时提供，因此 TapGesture 不支持。...GestureState 专门为 SwiftUI 手势开发的属性包装器类型，可作为依赖项驱动视图更新。...相较 State 有如下不同： •只能在手势的 updating 方法中修改，在视图其它的地方为只读•在手势结束时，与之关联（使用 updating 进行关联）的手势会自动将其内容恢复到它的初始值•通过...在本例中，我们选择在 TapGesture 的 onEnded 中回调用户的闭包总结当前 SwiftUI 的手势，暂处于使用门槛低但能力上限不足的状况，仅使用 SwiftUI 的原生手段无法实现非常复杂的手势逻辑

2.6K2 0

SwiftUI 动画进阶 — Part4：TimelineView

也就是说，在时间线更新时一次，然后在之后立即再次，因为通过调用 quips.advance() 导致 quips.sentence 的 @Published 值发生变化并触发视图更新。...笔者将在本节中介绍的技术，使用我们已熟知的动画并且热衷于视图动画从一个时间线更新到下一个时间线。这最终将让我们在纯 SwiftUI 中创建我们自己的类似关键帧的动画。...：如前所述，这种模式使我们的视图每次更新计算它们的主体两次：第一次是在时间线更新时，然后在我们推进动画状态值时再次计算。...为此，我们将动画值存储在数组中。如果你仔细观察，你会发现在我们的具体示例中，偏移量和动画持续时间匹配！这是合理的，对吧？...因此，你可以定义一个具有动画类型的枚举，而不是在数组中包含 Animation 值。稍后在你的视图中，你将根据动画类型创建动画值，但使用偏移值的持续时间对其进行实例化。

3.7K3 0

ViewBuilder 研究（下） —— 从模仿中学习

视图的依赖包括：视图的基本属性（无需符合 DynamicProperty 协议）、可驱动视图更新的属性（符合 DynamicProperty 协议，例如 @State、@Environment 等）...（结构值，非 body 值）将被保存在 SwiftUI 的托管数据池中根据视图的依赖信息在 AttributeGraph 数据池中创建与当前显示的视图树对应的依赖图，并监控依赖的变化依据 SwiftUI...不一样的 buildOptional 在仿制 ViewBuilder 的过程中，唯有 buildOptional[8] 我无法实现的同 SwiftUI 完全一致。...这是因为在 SwiftUI 诞生时，result builders 使用 buildIf 来处理不包含 else 的 if 语句。...buildOptional 来处理不包含 else 的 if 语句在 SwiftUI 环境中创建如下视图 struct ContentView: View { var show: Bool

3K2 0

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

考虑到当前的卡顿出现在进入视图的时刻，我们可以将查找问题的关注点集中在如下几个方面： Core Data 的性能（ IO 或惰值填充）列表视图的初始化或 body 求值 List 的效能 Core...标识（ Identity ）是 SwiftUI 在程序的多次更新中识别相同或不同元素的手段，是 SwiftUI 理解你 app 的关键。...另外如果 id 的标识值发生变化，SwiftUI 将丢弃原视图（生命周期终止及重置状态）并重新创建新的视图。...由于整个的滚动过程中仅实例化并绘制了 100 多个子视图，对系统的压力并不大，因此在经过反复测试后，首次点击 bottom 按钮会延迟滚动的问题大概率为当前 ScrollViewProxy 的 Bug...获取若干最新数据，将数据逆向添加入数组在列表显示后率先移动到最底端（取消动画）通过 refreshable 调用下一批数据，并继续逆向添加入数组用类似的思路，还可以实现向下增量读取或者两端增量读取

9.1K2 0

掌握 SwiftUI 的 task 修饰器

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...，每秒更新一次 date 变量，并且在控制台中显示当前的任务 ID 及时间。...app 无法响应是由于当前 task 是在主线程上运行的，如果按照下文中的方法将 task 运行在后台线程之中，那么 app 将可以继续响应，但会在不显示日期文字的情况下，继续更新 date 变量，并且会在控制台持续输出...在以下两种情况下，SwiftUI 会给由 task 创建的异步任务发送任务取消信号：视图（ task 修饰器绑定的视图）满足 onDisappear 触发条件时绑定的值发生变化时（采用 task 观察值变化时...SwiftUI 对 @State 做了特别的处理，我们可以在任意线程中对其进行安全的修改。

2.2K3 0

SwiftUI-数据流

@Binding 主要有两个作用：在不持有数据源的情况下，任意读取。从 @State 中获取数据应用，并保持同步。...VS @Binding @State只能在当前修饰的属性改变时会触发UI刷新，所以很适合值类型，因为对值类型里面属性的更新，也会触发整个值类型的重新设置。...不过值类型在传递时会发生复制操作，所以给传递后的值类型即使属性更新了也不会触发最初的传过来的值类型的重新赋值，所以界面并不会刷新，此时需要用@Binding，因为它可以将值类型转为引用类型，这样在传递时...，其实是一个引用，任何一方修改属性都会触发值类型的重新设置，UI界面也随之更新。...ObservableObject 在应用开发过程中，很多数据其实并不是在 View 内部产生的，这些数据有可能是一些本地存储的数据，也有可能是网络请求的数据，这些数据默认是与 SwiftUI 没有依赖关系的

10K2 0

Swift 掌握 Observation 框架

private(set) var state: State private let reduce: Reduce init(initialState state: State, reduce...SwiftUI 自动跟踪在 SwiftUI 中，你不需要使用 withObservationTracking 函数来观察更改。SwiftUI 自动跟踪视图正文中使用的任何可观察类型属性的更改。...SwiftUI 自动执行此操作。只要存储的状态属性更改，SwiftUI 就会更新视图。...我们不需要 @ObservedObject 属性包装器来跟踪可观察类型中的更改，但我们仍然需要 @StateObject 替代项以在 SwiftUI 生命周期中存活。...@State 属性包装器现在适用于简单的值类型和任何可观察类型。

1981 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭