首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

众所周知,SwiftUI 是一个响应式框架,这意味着,当数据源发生变化时,框架会自动更新视图。同样,当我们想调整视图显示时,应直接对状态进行修改。...原文发表在我的博客 肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中,某些可编程控件在执行一定的操作时,会先更新视图,待视图变化完成后再修改与其对应的状态。...运行下面的代码,点击左上方的返回按钮,与 NavigationStack 绑定的 path,直到视图返回上一层后,才会发生改变。通过环境值返回上层视图也同样需要等待视图返回后,才会修改状态。...请至少进入第三级视图滚动当前视图当视图处于滚动状态时,点击 NavigationStack 左上角的 “Back” 按钮。...在我们遇到问题的两个场景中,应用程序都恰好使用了导航容器,并且通过特定的操作,使 RunLoop 处于了适合 AG 打包更新的状态。

761110

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

众所周知,SwiftUI 是一个响应式框架,这意味着,当数据源发生变化时,框架会自动更新视图。同样,当我们想调整视图显示时,应直接对状态进行修改。...运行下面的代码,点击左上方的返回按钮,与 NavigationStack 绑定的 path,直到视图返回上一层后,才会发生改变。通过环境值返回上层视图也同样需要等待视图返回后,才会修改状态。...它的复现条件如下: iOS 16 系统,在真机或模拟器上测试 点击视图列表中的按钮,可以进入下一级视图。...请至少进入第三级视图 滚动当前视图 当视图处于滚动状态时,点击 NavigationStack 左上角的 “Back” 按钮。...在我们遇到问题的两个场景中,应用程序都恰好使用了导航容器,并且通过特定的操作,使 RunLoop 处于了适合 AG 打包更新的状态。

37020
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Swift 周报 第四十一期

    这个有限的修订与启用非扩展枚举的正交、增量工作无关,该工作适用于非弹性库。 讨论列出类型的存储属性[5] 我心愿已久的一项功能是能够将类型的存储属性与计算属性分开进行分类。...与 Verse 不同,Swift 不将抛出错误视为条件。这是可以接受的,我并不打算改变这一点。 以下是我希望在 Swift 中被允许的示例。...., // 新增(非条件) callSideEffect(on: &someVariable), // 新增(非条件) callSideEffect(), // 新增(非条件) condition2...{ ... } else { // A: 执行失败分支 } 为了简化问题,将常规的 let 和 var 视为非条件。...这个想法将扩展 if、guard 和 while 的条件列表。 回答 将条件列表重构为一个单独的函数使我们能够简化代码为单一的 if/else 分支结构。

    23840

    Ask Apple 2022 与 SwiftUI 有关的问答(下)

    本文对本次活动中与 SwiftUI 有关的一些问答进行了整理,并添加了一点个人见解。本文为下篇。访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...将背景扩展到安全区域Q:如果我有一个自定义的容器类型,可以接受一个顶部和底部的视图,是否有办法让 API 的调用者将所提供的视图的背景扩展到安全区域内,同时将内容( 如文本或按钮 )保留在安全区域内?...我不确定这是否能满足你的用例,但值得一试。在 background 修饰器中,可以通过 ignoresSafeAreaEdges 参数设置是否忽略安全区域。...连锁动画Q:在 SwiftUI 中,如何实现连锁动画?例如,我想先给一个视图做动画,当动画完成后立即启动另一个动画。A:不幸的是,目前不可能实现连锁动画。...Too complex to type checkQ:我在 iOS 14 SwiftUI 中遇到一个问题,我试图有条件地显示 3 个符合 Shape 协议的对象中的一个。

    14.8K30

    【愚公系列】《AIGC辅助软件开发》013-AI辅助客户端编程:AI辅助 iOS 应用开发

    - 添加一个按钮,点击后改变文本内容。#### 2.2 状态管理- **@State**:学习如何使用 `@State` 管理视图的本地状态。...- `disabled(isLoggingIn)`:当 `isLoggingIn` 为 `true` 时,禁用按钮。### 总结这个登录页面示例展示了 SwiftUI 的基础布局、状态管理和按钮交互。...我将为你解析刚才展示的 SwiftUI 登录页面代码,帮助你理解各部分的功能和实现方式。### 1....在 SwiftUI 中,`var body: some View` 定义了一个视图的主体。### 6. `if`- **功能**:`if` 关键字用于条件判断,执行特定条件下的代码块。...`else`- **功能**:`else` 关键字与 `if` 配合使用,用于指定条件不满足时执行的代码块。### 8.

    9010

    老人新兵 —— 一款 iOS APP 的开发手记

    考虑到身体也已经恢复到了一个不错的状态,就决定尝试做一个能满足自己需求的 app, 一方面是活动活动脑子,另一方面也算重拾当前的兴趣。...,直到后来由于功能的需要在 SwiftUI 下混合使用 UIKit 开发才真正体会到了声明式的优势。...吐槽、提示、经验、总结本文基本上处于意识流状态,想哪写哪。下文是关于我在开发过程中遇到的一些问题,bug ,总结的技巧,获得的一点点经验等。没有必然的前后顺序,如果里面有错误,希望大家轻点点评 。...复杂的 Form 在同一个 view 中,处于 Sheet 和非 Sheet 下也会出现异常。TextField简单应用没有问题,除了不支持多行输入。...如果此时我不做任何动作就没问题了。但我一时头脑发热在 app 已经进入了 review 的情况下改动了资费的元数据,结果 app 被拒,而此时该资费便始终处于审核状态。

    2.5K40

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

    遗憾的是,SwiftUI 并没有提供这方面的 API 。本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法,每种方法都有各自的优势和局限性。...目前 SwiftUI 在内部的实现上去 UIKit( AppKit )化很明显,比如,本节介绍的方法在 SwiftUI 4.0 中已经失效方法二:Runloop我第一次接触 Runloop 是在学习 Combine...我们将以是否可以持续接收到它们的位置信息为依据判断当前是否处于滚动状态。...判断的准确度没有前两种方式高当可滚动组件中的内容出现了非滚动引起的尺寸或位置的变化( 例如 List 中某个视图的尺寸发生了动态变化 ),本方式会误判断为发生了滚动,但在视图的变化结束后,状态会马上恢复到滚动结束滚动开始后...( 状态已变化为滚动中 ),保持手指处于按压状态并停止滑动,此方式会将此时视为滚动结束,而前两种方式仍会保持滚动中的状态直到手指结束按压IsScrolling我将后两种解决方案打包做成了一个库 —— IsScrolling

    3.8K40

    Ask Apple 2022 与 SwiftUI 有关的问答(上)

    本文对本次活动中与 SwiftUI 有关的一些问答进行了整理,并添加了一点个人见解。本文为上篇。访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...这可能会导致一些不好的后果,例如使视图的可重用性降低,并将业务逻辑与 SwiftUI 视图的生命周期挂钩,这将使处理业务逻辑变得更加困难。简而言之,我们不建议使用视图作为视图模型。...onAppear、init、viewDidLoadQ:在我的应用程序中,我在 UIHostingController 中托管了 SwiftUI 视图,这些视图都处于一个 UITabBarController...我目前使用的是 ZStack,图像通过 offset 进行偏移,这样就可以把它们放在我想要的地方,但我不知道这是否是最有效的方法。A:只要性能足够好,能够满足你的用例那就是可取的方法。...我已经开始采用 NavigationSplitView,并且非常喜欢它。在有些情况下,我想根据视图是否折叠来做决定( 例如,如果展开,在详细视图中显示一条信息,如果折叠,则显示一个警告或其他指示 )。

    12.3K20

    Swift 开发者通过 GitHub 分享异步编程技巧

    自 async/await的出现和 Swift 5.5 支持 actor 以来,Swift 并发编程一直在持续发展,直到在 Swift 5.10 中引入了完整的数据隔离和结构化并发。...我认为记录和分享人们在使用过程中可能遇到的解决方案和危险会对我们有所裨益。我绝对不是说这些东西已经很全面或所提出的解决方案足够好。我也在学习。也非常欢迎大家参与贡献,尤其是提出问题!...,并且容易发生竞态条件。...var body: some View { Text("Body") } } 类似地,通过协议正确处理并发性可能会很复杂,正如 Massicotte 所描述的那样,你希望使一个...可能你也知道,actor 需要确保只有async方法可以从外部访问其状态,在这种情况下,编译器可以确保永远不会发生竞态条件。

    6410

    Ask Apple 2022 中与 Core Data 有关的问答 (下)

    有关同步进度的问题,无论是 WWDC、开发者论坛还是在本次 Ask Apple 上都被多次提及,但直到目前,尚没有好的解决方案。...我的建议是,在应用中( 尤其是首次启动时 ),在同步处于 import 状态时( 通过 eventChangedNotification 获得 )应对用户给予提示( 使用 ProgressView 之类的动态元素...如果我将某个属性标记为可选,则该属性不应具有默认值,并且托管属性应始终为可选属性。如果我将其标记为非可选,则它应该需要默认值,并且托管属性应始终是非可选的。...改成 String;2、声明一个非可选值的计算属性,并在其中对可选值属性值进行处理;3、将托管对象实例整体转换成对 SwiftUI 视图更加友好的值类型。...,需要让我的 NSManagedObjects 中符合 Codable 协议( 猜测是想对 Path 进行持久化 )。

    3.3K20

    TCA - SwiftUI 的救星?(一)

    而自那时过了两年后, SwiftUI 的发布才让这套机制有了更加合适的舞台。在 SwiftUI 发布初期,我也写过一本相关的书籍[3],里面使用了一些类似的想法,但是很不完善。...可以说,从 iOS 14 开始,SwiftUI 才算逐渐进入了可用的状态。而最近随着公司的项目彻底抛弃 iOS 13,我也终于可以更多地正式在工作中用上 SwiftUI 了。...我们真的需要一种架构,来让 SwiftUI 的使用更加轻松一些。 从 Elm 获得的启示 我估摸着前端开发的圈子一年能大约能诞生 500 多种架构[8]。...结合 SwiftUI 的特点,Elm[9] 就是非常优秀的”抄袭“对象。 说实话,要是你现在正好想要学习一门语言,那我想推荐的就是 Elm。...不出意外,当 WithViewStore 接受的闭包满足 View 协议时,它本身也将满足 View,这也是为什么我们能在 CounterView 的 body 直接用它来构建一个 View 的原因。

    3.3K30

    用 SwiftUI 的方式进行布局

    下文中,我们将用 SwiftUI 布局系统提供的多种手段来实现该要求。在这些解决方案中,有些非常简单、直接,有些则会略显烦琐,曲折。我尽量让每种方案都采用不同的布局逻辑。...some View { Rectangle() .fill(.green) .frame(height: 600) } } // 状态切换按钮...由于 Color.clear.overlay 为我们提供了一个相当理想的布局环境,因此,通过分别修改在不同状态下两个视图的对齐指南,也能满足本文的需求。...SwiftUI 在进行布局时,当布局容器给出的建议尺寸无法满足全部子视图的需求尺寸时,会根据子视图的 Priority,优先满足级别较高的视图的布局需求。...转场是 SwiftUI 提供的强大能力之一,可以极大地简化动画实现的难度。我写的视图管理器 SwiftUI Overlay Container[7] ,便是建立在对转场功能的充分应用之上。

    3.3K00

    SwiftUI TextField进阶——格式与校验

    SwiftUI TextField进阶——格式与校验 如想获得更好的阅读体验,请访问我的博客 www.fatbobman.com[1] SwiftUI的TextField可能是开发者在应用程序中最常使用的文本录入组件了...本文为【SwiftUI 进阶】系列文章中的一篇,在本文中,我将介绍如何在TextField中实现如下功能: •屏蔽无效字符•判断录入的内容是否满足特定条件•对录入的文本实时格式化显示 textfieldDemo1...在为SwiftUI增加新功能时,要求自己尽量遵守以下原则: •优先考虑能否在SwiftUI原生方法中找到解决手段•如确需采用非原生方法,尽量采用非破坏性的实现,新增功能不能以牺牲原有功能为代价(需兼容官方的...如何在TextField中检查内容是否符合指定条件 相较上述两个目标,在SwiftUI中检查TextField内容是否符合指定条件是相当方便的。...当然,我么也可以延续上面方案的思路,在delegate的textfield方法中对文本进行判断。不过这种方式对类型的适用性不强(非String类型需转换)。

    8.2K20

    打造可适配多平台的 SwiftUI 应用

    本文是笔者参加 2023 年 4 月 20 日 “SwiftUI 技术沙龙( 北京站 )” 活动的分享内容。基于记忆整理而成。...有关本次活动的情况,可以参阅 我在北京参加 SwiftUI 技术沙龙 一文。本次活动采用的是线下交流并辅以 live coding 的形式,因此内容的侧重点以及组织形式与以往的博客文章会有明显的不同。...开场白大家好,我是肘子。今天我要和大家交流的主题是 —— 打造可适配多平台的 SwiftUI 应用。电影猎手我们先看一个例子,然后再进入今天的正题。...我将通过另一个简单的应用来展示这种场景。我想很多读者此时都不会太赞同在每个场景中创建一个独立的 Store 实例这种做法。...通过点击任意窗口中任意 Tab 中的 “Hit Me” 按钮来增加点击次数。点击次数显示在窗口的上方。

    3.2K80

    打造可适配多平台的 SwiftUI 应用

    本文是笔者参加 2023 年 4 月 20 日 “SwiftUI 技术沙龙( 北京站 )” 活动的分享内容。基于记忆整理而成。...有关本次活动的情况,可以参阅 我在北京参加 SwiftUI 技术沙龙[1] 一文。...本次活动采用的是线下交流并辅以 live coding 的形式,因此内容的侧重点以及组织形式与以往的博客文章会有明显的不同。 开场白 大家好,我是肘子。...今天我要和大家交流的主题是 —— 打造可适配多平台的 SwiftUI 应用。 电影猎手 我们先看一个例子,然后再进入今天的正题。...我将通过另一个简单的应用来展示这种场景。 我想很多读者此时都不会太赞同在每个场景中创建一个独立的 Store 实例这种做法。

    2.1K10

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

    搜索关键字通过正则表达式获取到所有满足查询条件的信息。通过 Regex 创建正则表达式近两年,苹果逐步为 Foundation 添加越来越多的 Swift 原生实现。...为了方便其他的条件判断,我们又分别以满足条件的 transcription ID 和 position 为键,创建了两个辅助字典。...swiftUI.backgroundColor = highlightColor}改变所有满足查询条件的内容背景色。对当前的选择位置,使用更加明亮的颜色并标注粗体。...的 onChange[8] 一文,了解更多有关 onChange 的内容搜索关键字改变后有条件重新定位如果当前的高亮位置仍能满足条件不发生滚动/// 以当前选中的关键字为优先private func...如果当前显示的 transcription 无法满足条件,才会定位到第一个满足条件的结果位置。

    4.2K30

    用 SwiftUI 的方式进行布局

    下文中,我们将用 SwiftUI 布局系统提供的多种手段来实现该要求。在这些解决方案中,有些非常简单、直接,有些则会略显烦琐,曲折。我尽量让每种方案都采用不同的布局逻辑。...some View { Rectangle() .fill(.green) .frame(height: 600) } } // 状态切换按钮...由于 Color.clear.overlay 为我们提供了一个相当理想的布局环境,因此,通过分别修改在不同状态下两个视图的对齐指南,也能满足本文的需求。...SwiftUI 在进行布局时,当布局容器给出的建议尺寸无法满足全部子视图的需求尺寸时,会根据子视图的 Priority,优先满足级别较高的视图的布局需求。...转场是 SwiftUI 提供的强大能力之一,可以极大地简化动画实现的难度。我写的视图管理器 SwiftUI Overlay Container ,便是建立在对转场功能的充分应用之上。

    4.8K80

    肘子的 Swift 周报 #025 | Lets VisionOS, Lets rock and roll!

    我深信,这正体现了线下活动的真正价值。 期待未来,中国的开发者社区能够承办更多此类精彩活动。同时,我也鼓励每位开发者珍惜参加全球各类活动的机遇,全心投入其中,享受这些活动带来的乐趣与成长。...活动的照片[4] 秀出你的愿望单[5] image-20240401160934496 推文地址[6] 已关注用户也可以在本期周报的公共号下方留言给出你的愿望单。我将在公共号留言中抽取两位送出。...Writing GNOME Apps with Swift[8] david-swift[9] 近年来,Swift 社区积极推进该语言在各个平台上的应用,但由于缺少适合的 UI 框架,其较少被用于在非苹果平台中构建桌面应用...Adwaita for Swift[10] 使开发者能够以一种类似于 SwiftUI 的方式,为 GNOME 环境构建用户界面。...对于正处于初期阶段的项目,采用 Environment 或单例可能是一种灵活的暂时方案,随着项目的发展,再逐步迁移到更加结构化的 DI 方案。

    12710

    SwiftUI 的动画机制

    SwiftUI 采用了声明式语法来描述不同状态下的 UI 呈现,动画亦是如此。官方文档将 SwiftUI 的动画(Animations)定义为:创建从一个状态到另一个状态的平滑过渡。...视图和它子节点中的任何依赖项发生变化,都将满足启用动画插值计算的条件,并动画数据传递给作用范围内(视图和它子节点)的所有可动画部件。...很多 SwiftUI 的官方部件都已预先满足了该协议,例如:offset、frame、opacity、fill 等。...当状态的改变导致视图树的分支发生变化时,SwiftUI 将使用其包裹的可动画部件对视图进行动画处理。 使用转场同样需要满足 SwiftUI 动画的三要素。...这意味着,当数组中出现了两个同样的元素(点击添加按钮),SwiftUI 将无法正确识别我们的意图 —— 究竟是想对那个元素(值相同意味着标识也相同)进行操作。

    14.8K40
    领券