文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

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

请至少进入第三级视图滚动当前视图当视图处于滚动状态时，点击 NavigationStack 左上角的 “Back” 按钮。...Back 按钮，状态只会在视图已经返回到上一层时才会更新。...通过自定义返回按钮以及扩展 UINavigationController 的方式，实现了在禁用 Back 按钮后仍支持手势返回，并先修改状态后再进行视图响应。...幸运的是，我从 @KyleSwifter 的 解密 SwiftUI 背后的 AttributeGraph 一文中找到了线索。...随着版本的提高，SwiftUI 的功能也确实得到了相当程度的增加。不过，即使在最新的版本中，在一些对 UIKit（AppKit）进行二次包装的控件中，仍有不少细节处理不到位的问题。

4.4K110

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

请至少进入第三级视图 滚动当前视图 当视图处于滚动状态时，点击 NavigationStack 左上角的 “Back” 按钮。...如果我们认为问题出在这里，就需要使用编程式导航的方式来调整代码。 为了不影响用户的使用习惯，我们禁用了 NavigationStack 自带的 Back 按钮。...通过自定义返回按钮以及扩展 UINavigationController 的方式，实现了在禁用 Back 按钮后仍支持手势返回，并先修改状态后再进行视图响应。...幸运的是，我从 @KyleSwifter[4] 的 解密 SwiftUI 背后的 AttributeGraph[5] 一文中找到了线索。...随着版本的提高，SwiftUI 的功能也确实得到了相当程度的增加。不过，即使在最新的版本中，在一些对 UIKit（AppKit）进行二次包装的控件中，仍有不少细节处理不到位的问题。

3.4K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    WatchKit 编程入门

    数码表冠（Digital Crown）：通过对表冠的操作，可以滚动列表中的各项，也可以对图片进行缩放等。数码表冠还可以扮演 Home 按钮——按一下表冠，返回到主屏幕。...上图显示了两个 bundle 之间的关系。这两个 bundle 利用低功耗的蓝牙进行通信。WatchKit 框架封装了所有通信细节，这对于开发者来说是完全透明的。...注意 在第2 章中将介绍如何将执行耗时任务的请求从 WatchKit Extension中发送到 containing iOSApp中。...至此，Xcode 工程看起来是这样的。 特别留意一下图中被高亮显示的三个组： HelloAppleWatch：这个 iOS App 是WatchKit App的容器（container）。...修改 Interface Controller至此，我们已经讨论了工程中的一些细节，下面我们做一些比较直观的事情！

    2.7K10

    用NavigationViewKit增强SwiftUI的导航视图

    由于SwiftUI原生提供的导航手段能力有限，因此在之前的版本中，NavigationView总是使用的不是那么的顺手。...此种手段将限制NavigationLink的种类选择，另外不利于从非视图代码中实现。...从视图中返回根视图 在注册过的NavigationView的任意子视图中，可以通过下面的代码实现返回根视图： @Environment(\.navigationManager) var nvmanager...演示如下： backToRootDemo 从视图中跳转到新视图 在视图代码中使用: @Environment(\.navigationManager) var nvmanagerButton("go...视图中支持SwiftUI原生的所有定义，例如toolbar、navigationTitle等。 目前在启用转场动画时，title和toolbar会在转场动画后才显示，观感稍有不足。日后尝试解决。

    4.6K20

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

    从 4.0 版本开始，苹果对之前 SwiftUI 有限的程序化导航能力进行了大幅度的增强，通过引入 NavigationStack 和 NavigationSplitView，开发者基本上具备了全程掌握应用的导航状态的能力...，请参阅 SwiftUI 4.0 的全新导航系统[3] 一文。...在栈中推送和弹出数据的过程对应了导航容器中添加和移除视图的操作。弹出全部数据相当于返回根视图，推送多个数据相当于一次性添加多个视图并直接跳转到最后数据所代表的视图。...最好以导航容器所在视图的 sizeClass 作为判断标准。例如，在 Side 列视图中，无论在任何环境下，horizontalSizeClass 始终为 compact 。...不要忘记 NavigationStack 的根视图不在它的“栈”数据中在本例中，转换至 NavigationStack 时，需要将 Detail 列中声明的视图添加到“栈”的底端。反过来则将其移除。

    5.6K30

    Xcode 11 初体验

    SwiftUI、storyboad其中我有两篇博客也介绍到了SwiftUI:SwiftUI - 百行代码变十行，Swift再创辉煌 和 WWDC - SwiftUI - 初恋般的感觉 代码块 代码块也做了调整...综合这个功能还是不错的，我经常也会打开多个页面！来回进去出来麻烦！ 直接点击这个按钮，会横向进行分割。...按住 Option 按键点击它，会纵向分割， 下图是一个分割后的界面示例 上图中界面被分成了 3 个编辑窗口。左边被上下分割成了两个小窗口，右边被单独分割出一个大窗口。...点击Stash 按钮自动跳转到Git管理Tab 下。...SceneDelegate 更新 Apple 建议我们把视图层级相关的方法从 didFinishLanchingWithOptions 迁移到 SceneDelegate 中的 willConnectTo

    4.3K10

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

    对 iOS 和 iPadOS 来说，一个按钮或许有效，但对 macOS 就不太适合了。另外，.contextAction 支持多选。它还会回来吗？...在单元测试中，很难对 SwiftUI 视图中的依赖（ 符合 DynamicProperty 协议 ）进行测试。这也是 Redux-like 框架的优势之一（ 将状态从视图中抽离出来，方便测试 ）。...这有点笨拙，我不认为有两个文本框是正确的做法。另外，按照这种方法，@FocusState 变量会变得没有反应，而且它不能被设置为 nil（ 返回到以前的视图并没有移除键盘 ）。...在拖动过程中，Y 轴的刻度会变大。在我的例子中，不拖动时从 0 到 75，拖动时从 0 到 100。有什么办法可以阻止这种情况吗？...例如，在你的模型中，有多个路径，每个标签都有一个，但在 split view 中，只投射其中一个路径的细节。

    15.9K20

    SwiftUI 中掌握 ScrollView 的使用：滚动可见性

    threshold 参数允许我们调整需要可见的视口部分的数量，以触发操作闭包。...默认情况下，SwiftUI 框架使用 0.5 作为阈值，这意味着至少 50% 的视图需要可见，SwiftUI 才会运行操作。但你可以轻松调整此值。...同样，当视图从可见状态转换为不可见状态，即显示的视口部分少于 10% 时，也会运行该闭包。...每个数字都显示在一个 Text 视图中，并有不同的背景颜色。...此外，在页面底部有一个视频播放器，当视频播放器出现在视口内时，它会自动播放，当其离开视口时，会自动暂停。总结今天，我们学习了如何跟踪 ScrollView 内特定视图的可见性，并监控可见标识符列表。

    4.1K21

    Xcode 11 初体验（Xcode工作流的改进（Workflows））

    趁着最新更新正是版本的 Xcode 11 于是就有这一篇 Xcode工作流的改进（Workflows） 工程创建 [1240] 创建工程进来，就会发现 User Interface 可以进行选择 SwiftUI...将 Assistant、和 Vesion Editor下的 Autor 选项卡合并为一项，并从主导航中移除，向下移到每个编辑面板中，组成 Editor Option。...其中说明一下：SwiftUI 预览 系统最低要求macOS 10.15 [1240] Add Editor 提供了编辑窗口的任意切割功能： 可以指定文件打开的位置。...综合这个功能还是不错的，我经常也会打开多个页面！来回进去出来麻烦！ [1240] 直接点击这个按钮，会横向进行分割。...按住 Option 按键点击它，会纵向分割， 下图是一个分割后的界面示例 [1240] 上图中界面被分成了 3 个编辑窗口。 左边被上下分割成了两个小窗口，右边被单独分割出一个大窗口。

    2.9K40

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

    SwiftUI是一种新颖的构建UI方式和全新的编码风格，本文以通俗易懂的语言，从Swift 5.1语法新特性和SwiftUI的优势方面进行分享，希望对热爱移动端的同学有一定的帮助，让大家尽可能快速、全面和透彻地理解...本文主要从以下三个方面讲述SwiftUI的特性： 从代码层面理解Swift 5.1新语法的底层实现； 从数据流方面阐述SwiftUI的黑魔法； 从布局原理层面阐述SwiftUI组件化的优势； 二、...但是，在SwiftUI里面，视图中声明的任何状态、内容和布局，源头一旦发生改变，会自动更新视图，因此，只需要一次布局。在属性前面加上@State关键词，即可实现每次数据改动，UI动态更新的效果。...作为SwiftUI的新特点之一，FunctionBuilder倾向于目前流行的编程方式，开发者能够使用基于DSL的架构，像SwiftUI，而不用去考虑具体的实现细节，因为构建器实现的就是一个DSL本身。...通过简单的几行代码，设置了按钮的点击事件，样式和文案。

    15.1K11

    更短的有效期和更长的保质期 | 肘子的 Swift 周报 #080

    在本文中，Gabriel Theodoropoulos[8]展示了Color视图中一些常被忽略但非常实用的特性：多级颜色、内建渐变、颜色混合和内外阴影。只需简洁的代码，即可实现丰富的视觉效果。...Daniel Steinberg[12]在文中记录了他对 WWDC 的观察与感受——从大会中“开发者”的角色逐渐被边缘化，到传闻中的新 UI 可能给工作带来的额外负担；也谈到了他目前关注的技术栈：App...文章最后，Daniel 呼吁让 Swift 从苹果的附属品中走出，设立真正开放的基金会与开发者大会。...iOS 弹窗：简单背后的细节陷阱 (Alerts in iOS: Simple but Tricky)[13] 系统弹窗是 iOS 中最常见的 UI 组件之一，看似简单，实则暗藏诸多细节：按钮顺序、角色设定...这是一篇实用性极高的 UI 细节指南，不仅提醒开发者关注平台规范，也揭示了 SwiftUI 在设计一致性方面仍有改进空间。

    59400

    使用 SwiftUI 为 macOS 创建类似于 App Store Connect 的选择器

    作为这项工作的一部分，我需要创建一个组件，允许用户从特定构建中添加和删除测试群组。...此属性的值用于在用户悬停在上面时显示一个移除按钮。遍历构建所属的测试群组，并使用 BetaGroup 结构体上的 displayName 属性将它们显示为圆形文本视图。...使用 .overlay 修改器在用户悬停在测试群组组件上时显示一个移除按钮。该按钮从构建所属的测试群组列表中移除测试群组。...如果有任何可用的测试群组可以添加到构建中，则显示一个加号按钮，让用户选择要添加的测试群组。...在 BetaGroupPicker 中，用户可以看到构建所属的测试群组，并有选择地将它们添加到或从构建中移除。

    1.3K32

    避免 SwiftUI 视图的重复计算

    _value 中，此时，使用 Stae 包装的变量值没有被保存在 SwiftUI 的托管数据池中，并且 SwiftUI 也尚未在属性图中将其作为 Source of Truth 与视图关联起来。...当 SwiftUI 将视图从视图树上删除时，会一并完成对 SwiftUI 数据池以及关联的清理工作。如此，使用 State 包装的变量，其存续期将与视图的存续期保持完全一致。...对于像 @StateObject 这类针对引用类型的属性包装器，SwiftUI 会在属性图中将视图与包装对象实例（ 符合 ObservableObject 协议 ）的 objectWillChange（...，ObservedObject 并不会在 SwiftUI 托管数据池中保存引用对象的实例（ @StateObject 会将实例保存在托管数据池中 ），仅会在属性图中创建视图与视图类型实例中的引用对象的...sendID 方法，将 store 排除在外 } 图片 事件源 为了全面地向 SwiftUI life cycle 转型，苹果为 SwiftUI 提供了一系列可以直接在视图中处理事件的视图修饰器，例如：

    11.1K81

    自定义 Button 的外观和交互行为

    相较于 UIKit ，SwiftUI 通过 Button 视图，让开发者以少量的代码便可完成按钮的创建工作。...label：目标按钮的当前视图，通常对应着 Button 视图中的 label 参数内容role：iOS 15 后新增的参数，用于标识按钮的角色（ 取消或具备破坏性）isPressed：当前按钮的按压状态...ButtonStyle 和 PrimitiveButtonStyle 是专门针对按钮的样式 API ，它们不仅可以应用于 Button 视图，也可以应用于很多 SwiftUI 预置的系统按钮功能之上，例如...系统预置的 Style从 iOS 15 开始，SwiftUI 在原有 PlainButtonStyle、DefaultButtonStyle 的基础上，提供了更加丰富的预置 Style。...默认情况下，即使单元格的视图中包含了多个按钮，SwiftUI 也只会将 List 的单元格视作一个按钮（ 点击后同时调用所有按钮的操作 ）。

    4.6K60

    unity3d新手入门必备教程

    如果你打开过资源文件夹，你将发现所有的项都将出现在工程视图中。不同的是在工程视图中，你将创建并将物体连接在一起。这些关系将存储在工程文件夹的其他位置。从工程视图中移动资源将维持并更新文件之间的联系。...从 Finder中移除资源将断开联系。因此，你应该只使用 Finder来将文件添加到资源文件夹。任何其他对资源的操作都应该在工程视图中进行。    ...裁剪蒙版(Culling Mask)：用于将一组物体从光照的影响中排除；参考层部分。    细节在 Unity中有三种类型的光照，每一种都可以调整以适应你的要求。    ...细节相机是将你的游戏显示给玩家的必不可少的方法。它们可以被定制，脚本化或父子化以取得任何可以想象的效果。对于解谜游戏，你可以保持一个显示全部视的静态相机。...使用正规化视口矩形创建的分屏    正交视图(Orthographic)使用正交相机将移除所有的景深效果，这在卷轴游戏和 2D游戏中昀常用的。    景深相机正交相机。

    9.2K10

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

    macOS APIQ：对于运行 Monterey 的 Mac，能否如何在 SwiftUI 中实现下面需求的建议：打开一个窗口在该窗口中初始化数据找到所有打开的窗口确定一个窗口是否打开从不在该窗口的视图中关闭一个窗口...根据你的问题，你可以使用 animation.delay(...) 将动画的后半部分延迟到前半部分完成之后。如果你能将你的用例的细节反馈给我们，我们将非常感激。...对于可能造成卡顿的图片数据，放弃从托管对象的图片关系中直接获取的方式。在 Cell 视图中，通过创建 request 从私有上下文中提取数据并转换成图片。...在 SwiftUI 中，有一个从第一版开始就存在但尚未公开的纯 SwiftUI 实现的滚动容器 —— _ScrollView 。...但这个滚动有两大问题，1、是一个未公开的半成品，有可能会被从 SwiftUI 框架中移除；2、不支持懒加载，即使和 Lazy 视图一起使用也会一次性加载全部的视图。

    19.8K30

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

    作为 SwiftUI 最引人注目的功能之一，预览功能吸引了不少开发者初次接触 SwiftUI。然而，随着项目规模的增长，越来越多的开发者发现预览功能并不如最初想象的那么易用。...由于预览崩溃的次数和场景的增加，一些开发者已经视预览为 SwiftUI 的缺点之一，并对其产生了排斥感。 预览功能真的如此不堪吗？我们当前使用预览的方式真的妥当吗？...点击预览的启用按钮，启动预览。...编译器能够从完整的代码中正确推断出 ContentView 中的 Item 对应 func select(_: Item) 中的 Item。...image-20230522134401399 阅读 Damian Malarczyk 所写的 Behind SwiftUI Previews[5] 一文，了解更多实现细节。

    2.7K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券