SwiftUI .focused()视图修饰符不起作用.onAppear

SwiftUI是一种用于构建用户界面的现代化框架，它是苹果公司推出的一种声明式UI编程范式。SwiftUI .focused()视图修饰符用于指定视图是否应该在界面上获得焦点。然而，在某些情况下，.focused()修饰符可能不起作用，特别是当视图在.onAppear闭包中创建时。

.onAppear是一个视图生命周期的回调函数，当视图出现在屏幕上时被调用。在这个回调函数中，我们可以执行一些初始化操作或者加载数据。然而，由于视图在.onAppear闭包中创建，此时视图可能还没有完全加载到界面上，因此.focused()修饰符可能无法正常工作。

解决这个问题的一种方法是将.focused()修饰符放在视图的父视图上，而不是在.onAppear闭包中使用。这样可以确保视图在加载到界面上时就能正确地获得焦点。

另外，如果你想要在SwiftUI中实现更复杂的焦点控制逻辑，可以使用.focusable()修饰符和.focusState属性。.focusable()修饰符用于指定视图是否可以获得焦点，而.focusState属性用于控制视图的焦点状态。

总结起来，SwiftUI .focused()视图修饰符在某些情况下可能不起作用，特别是当视图在.onAppear闭包中创建时。解决这个问题的方法是将.focused()修饰符放在视图的父视图上，并且可以使用.focusable()修饰符和.focusState属性来实现更复杂的焦点控制逻辑。

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

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云数据库MySQL版（CMYSQL）：https://cloud.tencent.com/product/cmysql
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc

相关·内容

onAppear 的调用时机

onAppear（ task ）是 SwiftUI 开发者经常使用的一个修饰符，但一直没有权威的文档明确它的闭包被调用的时机。...这会让开发者误以为 onAppear 是在视图渲染后（使用者看到后）才被调用的。但在 SwiftUI 中，onAppear 实际上是在渲染前被调用的。...在写 SwiftUI 视图的生命周期研究[6] 一文时，我们只能通过现象来推断 onAppear 的调用时机，随着版本的不断提高，SwiftUI 4 中为我们提供了足够的工具让我们可以获得更加确实的证据...整合有了上面的工具，通过下面的代码，我们便可以完整地了解一个 SwiftUI 视图的处理过程，以及 onAppear 的调用时机。...： SwiftUI 首先对视图进行求值（由外向内）在全部求值结束后开始进行布局（由父视图到子视图）在布局结束后，调用视图对应的 onAppear 闭包（顺序不明，不要假定 onAppear

1.1K1 0

onAppear 的调用时机

onAppear（ task ）是 SwiftUI 开发者经常使用的一个修饰符，但一直没有权威的文档明确它的闭包被调用的时机。...这会让开发者误以为 onAppear 是在视图渲染后（使用者看到后）才被调用的。但在 SwiftUI 中，onAppear 实际上是在渲染前被调用的。...在写 SwiftUI 视图的生命周期研究一文时，我们只能通过现象来推断 onAppear 的调用时机，随着版本的不断提高，SwiftUI 4 中为我们提供了足够的工具让我们可以获得更加确实的证据。...整合有了上面的工具，通过下面的代码，我们便可以完整地了解一个 SwiftUI 视图的处理过程，以及 onAppear 的调用时机。...由外向内）在全部求值结束后开始进行布局（由父视图到子视图）在布局结束后，调用视图对应的 onAppear 闭包（顺序不明，不要假定 onAppear 之间的执行顺序）渲染视图由此可以证明，onAppear

2K2 0

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

请阅读优化在 SwiftUI List 中显示大数据集的响应效率[6] 以及避免 SwiftUI 视图的重复计算[7] 两篇文章，了解更多有关性能优化方面的内容通过 currentPostion 获取需要滚动到的...onAppear，每个视图退出显示窗口时都会调用它的 onDisapper。...阅读 SwiftUI TextField 进阶 —— 事件、焦点、键盘[12] 一文，了解更多有关焦点的内容@FocusState private var focused: BoolTextField(..."查找", text: $store.keyword) .focused($focused) .task { focused = true }减少因实时搜索造成的性能负担在当前的案例中...视图的重复计算: https://www.fatbobman.com/posts/avoid_repeated_calculations_of_SwiftUI_views/[8] 了解 SwiftUI

4.2K3 0

SwiftUI TextField 进阶 —— 事件、焦点、键盘

在 SwiftUI 3.0 中，苹果为开发者提供了一个远好于预期的解决方案，同 onSubmit 类似，可以从更高的视图层次来统一对视图中的 TextField 进行焦点的判断和管理。...即使在onAppear中，也必须要有一定延时才能让 TextField 焦点。...在 SwiftUI 3.0 之前，我们必须在主视图上另外绘制或者使用非 SwiftUI 的方式来解决问题，在 SwiftUI 3.0 中，由于添加了原生设置键盘辅助视图（下文具体介绍）的功能，解决上述问题将不再困难...同其他类型的 Toolbar 类似，SwiftUI 会干预内容的排版。•无法对同一视图中多个 TextField 分别设定辅助视图在 ToolbarItem 中无法使用稍微复杂一点的判断语法。...将键盘辅助视图集成到 toolbar 的逻辑中也有些令人令人费解。通过 UIKit 创建当前阶段，通过 UIKit 来创建键盘辅助视图仍是 SwiftUI 下的最优方案。

13.1K1 0

掌握 SwiftUI 的 Safe Area

掌握 SwiftUI 的 Safe Area 访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验 Safe Area（安全区域）是指不与导航栏、标签栏、工具栏或其他视图控制器提供的视图重叠的内容空间...除非开发者明确要求视图突破安全区域的限制，否则 SwfitUI 将尽力确保开发者创建的视图都被布局到安全区域当中。SwiftUI 同时提供了一些方法和工具让开发者对安全区域有所控制。...本文将探讨如何在 SwiftUI 中获取 SafeAreaInsets、将视图绘制到安全区域之外、修改视图的安全区域等内容。...safeAreaInsetList2 遗憾的是，在 iOS 15 之前，SwiftUI 并没有提供调整视图安全区的手段，如果我们想通过 SwiftUI 的手段创建一个自定义 Tabbar 时，列表中最后的内容将被...safeAreaInset 修饰符的出现解决了上述的问题。通过 safeAreaInset，我们可以缩小视图的安全区域，以确保所有内容都可以按预期显示。

7.5K3 1

SwiftUI 视图的生命周期研究

不少 SwiftUI 开发者都碰到过视图生命周期的行为超出预期的状况（例如视图多次构造、onAppear 无从控制等）。...SwiftUI 的视图在 SwiftUI 中，视图定义了一块用户界面，并以视图树的形式组织在一起，SwiftUI 通过解析视图树来创建合适的渲染。...SwiftUI 视图的生命周期大多介绍 SwiftUI 视图生命周期的文章，通常会将视图的生命周期描述成如下的链条：初始化视图实例——注册数据依赖——调用 body 计算结果——onAppear——...SwiftUI 官方文档对 onAppear 和 onDisappear 的描述是：在此视图出现时执行的操作，在此视图消失时要执行的操作。这种描述与这两个修饰器在大多数场景下的行为很接近。...task task 有两种表现形式，一种与 onAppear 类似，另一种与 onAppear + onChange 类似（请参阅了解 SwiftUI 的 onChange[3]）。

4.4K3 0

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

scrollIndicatorsFlash 控制滚动指示器使用 scrollIndicatorsFlash(onAppear: true) 可以在滚动视图出现时使其滚动指示器短暂闪烁。...可采用优化在 SwiftUI List 中显示大数据集的响应效率[5] 一文中介绍的方式来解决。 scrollPostion(id:) 使用此修饰符可以让滚动视图滚动到特定的位置。...（视图标识）不支持锚点设定，固定锚点为子视图的 center 正如优化在 SwiftUI List 中显示大数据集的响应效率[6] 一文所提到的，当数据集很大时，也会出现性能问题。...通过这个坐标系，开发者可以非常容易地获取子视图与滚动视图之间的位置关系。利用这些信息，我们可以轻松地实现很多效果，尤其是配合另一个新 API，visualEffect 修饰符。...19.19.19.2023-06-12 19_20_18 可以将 scrollTransition 视为 NamedCoordinateSpace.scrollView 和 visualEffect（视图修饰符

7212 0

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

onAppear、init、viewDidLoadQ：在我的应用程序中，我在 UIHostingController 中托管了 SwiftUI 视图，这些视图都处于一个 UITabBarController...最近，我注意到 SwiftUI 视图的 onAppear 在意想不到的时间启动，比如当 UITabBarController 被创建时，而不是当视图本身出现时。...我在想：1、对于像这样的 UITabBarController 中的 SwiftUI 视图，onAppear 到底应该在什么时候被调用？...对于非惰性视图（如 LazyVStack ），一旦 hosting controller 的视图被初始化，onAppear 将被调用。...惰性容器中的视图，会根据其是否出现在可视区域而反复调用 onAppear 和 onDisapper。但 onAppear 和 onDisappear 并非为视图存续期起点和终点。

12.2K2 0

掌握 SwiftUI 的 task 修饰器

欢迎大家在 Discord 频道[2] 中进行更多地交流随着 Swift 5.5 引入了 async/await 特性，苹果也为 SwiftUI 添加了 task 视图修饰器，以方便开发者在视图中使用基于...本文将对 task 视图修饰器的特点、用法、注意事项等内容做以介绍，并提供了将其移植到老版本 SwiftUI 的方法。...详情请参阅 SwiftUI 视图的生命周期研究[3] 一文中有关 onAppear 和 onDisappear 的章节SwiftUI 为了判断视图的状态是否发生了改变，它会在视图的存续期内，反复地生成视图类型实例以达成此目的...因此，开发者应避免将一些会对性能造成影响的操作放置在视图类型的构造函数之中，而是在 onAppear 或 task 中进行该类型的操作。...视图的生命周期研究: https://www.fatbobman.com/posts/swiftUILifeCycle/#onAppear_和_onDisappear[4] 避免 SwiftUI 视图的重复计算

2.2K3 0

掌握 SwiftUI 的 task 修饰器

随着 Swift 5.5 引入了 async/await 特性，苹果也为 SwiftUI 添加了 task 视图修饰器，以方便开发者在视图中使用基于 async/await 的异步代码。...本文将对 task 视图修饰器的特点、用法、注意事项等内容做以介绍，并提供了将其移植到老版本 SwiftUI 的方法。...原文发表于我的博客肘子的Swift记事本 task vs onAppear SwiftUI 提供了两个版本的 task 修饰器，版本一的作用和调用时机与 onAppear 十分类似： public func...详情请参阅 SwiftUI 视图的生命周期研究一文中有关 onAppear 和 onDisappear 的章节 SwiftUI 为了判断视图的状态是否发生了改变，它会在视图的存续期内，反复地生成视图类型实例以达成此目的...因此，开发者应避免将一些会对性能造成影响的操作放置在视图类型的构造函数之中，而是在 onAppear 或 task 中进行该类型的操作。

3.5K6 0

AVKit框架详细解析（四） —— 基于AVKit 和 AVFoundation框架的视频流App的构建

中的按钮，在 Open Video Player注释下添加以下代码： selectedVideo = video 然后，将 fullScreenCover(item:onDismiss:content:) 视图修饰符添加到...3） VideoPlayer 是一个方便的 SwiftUI 视图，需要播放器对象才能发挥作用。您可以使用它来播放视频。 4）默认情况下，SwiftUI 视图考虑设备的安全区域。...AVPlayerLayer } 为了能够在 SwiftUI 中使用此视图，您需要使用 UIViewRepresentable 创建一个包装器。...通过将速率设置为 0.0 来停止视频剪辑播放： embeddedVideoRate = 0.0 要在全屏视频关闭时恢复播放，请在 VideoFeedView 主体中找到 fullScreenCover 视图修饰符...缺点是，在撰写本文时，iOS 14.5是可用的最新版本，VideoPlayer 的 SwiftUI 视图未显示画中画按钮。

6.9K1 0

聊一聊可组装框架（ TCA ）

由于 onAppear 和 onDisappear 在某些场合会在视图的存续期中多处出现，因此使用 task 保持的 Effect 生命周期并不一定与视图一致例如，下面的代码，在 0.40.0 版本之后...更加友好的 IDE 支持在未使用 Protocol 模式之前，Reducer 是通过一个拥有三个泛型参数的闭包生成的，在此种模式下，Xcode 的代码补全功能将不起作用，开发者只能通过记忆来编写代码，效率相当低下...使用了 ReducerProtocol 后，由于所有的需要用到的类型都声明在一个命名空间中，开发者将可以充分利用 Xcode 的自动补全高效地进行开发与 SwiftUI 视图类似的定义模式通过使用 result...builder[10] 重构了 Reducer 的组装机制，开发者将采用与声明 SwiftUI 视图一样的方式来声明 Reducer，更加地简洁和直观。...如何学习 TCA尽管 TCA 在很大程度上减少了在视图中使用其他依赖项（符合 DynamicProperty 协议）的机会，但开发者仍应对 SwiftUI 提供的原生依赖方案有深刻的认识和掌握。

1.7K2 0

高级 SwiftUI 动画 — Part 2：GeometryEffect

虽然 SwiftUI 没有这些功能，但我们可以模拟它。...，但它们的动画将交错进行，使用.delay()动画修饰符。...虽然SwiftUI已经有了一个修饰符，即.rotrotation3DEffect()，但这个修饰符将是特别的。每当我们的视图旋转到足以向我们展示另一面时，一个布尔绑定将被更新。...在SwiftUI中，默认的锚点是在视图的前角，而在Core Animation中是在中心。虽然现有的.rotrotingg3DEffect()修饰符可以让你指定一个锚点，但我们正在建立我们自己的效果。...0 : 360)) .onAppear { withAnimation(Animation.linear(duration: 4.0

1.3K3 0

SwiftUI + Core Data App 的内存占用优化之旅

第一轮优化：对视图 body 值进行优化在第一轮优化中，我们会首先尝试从 SwiftUI 的角度入手。...SwiftUI 的惰性视图容器拥有对符合 DynamicViewContent 协议的内容（通过 ForEach 生成的内容）进行优化的能力。...当子视图进入惰性容器的可视区域时，SwiftUI 会调用它的 onAppear 闭包，子视图退出可视区域时，会调用 onDisappear 闭包。...尽管从表面上来看，惰性容器仅会在视图进入可视区域时才会对其进行操作，但一旦该视图被显示过（ body 被求过值），即使该视图离开可视区域，SwiftUI 仍会保存视图的 body 值。...我们可以通过在 onAppear 以及 onDisappear 中对图片的显示与否（变量 show ）进行控制（迫使 SwiftUI 对视图的 body 重新求值），从而减少因上述原因所增加的内存占用

2.4K4 0

SwiftUI + Core Data App 的内存占用优化之旅

1.2K1 0

SwiftUI 与 Core Data —— 数据获取

，上面的可感知延迟在每次触发 onAppear 时都将出现最终，我决定放下心结，仍然采用在视图中使用类似 @FetchRequest 的方式来获取数据。...遗憾的时，NSFetchedResultsController 为 UITableView 准备的基于 NSFetchRequestResultType 优化操作在 SwiftUI 中并不起作用。...当 SwiftUI 在视图存续期中重新创建视图描述实例时，自定义类型也将一并重新创建在视图存续期中，如果 SwiftUI 创新创建了视图描述实例，那么无论视图描述（符合 View 协议的 Struct...视图被 SwiftUI 加载后才会调用 update 方法DynamicProperty 协议唯一公开的方法是 update ，SwiftUI 将在视图首次被加载以及符合 DynamicProperty...这样可以减少 ForEach 数据集的变化频次，改善 SwiftUI 的视图效率。

4.6K3 0

掌握 Transaction，实现 SwiftUI 动画的精准控制

与环境值有些类似，SwiftUI 会在视图层次结构中隐式向下传播 transaction。...几点提示： SwiftUI 可能会在应用初始阶段为部分视图设置 transaction（值为 nil ），即使没有设置，也不影响视图在状态变化时获取正确的 transaction。...onAppear 是用来保证第一次设置便起作用（解决 SwiftUI 的 Bug）。...这样一来，上游传来的 transaction 将按照原样沿视图链继续传递，从而保证开发者的动画意图被正确地传递下去。截止到 Xcode 15 beta 2，新版本的修饰符还无法正常工作。...animation 修饰符会判断 disablesAnimations 属性，而 transaction 修饰符需要开发者自行决定采用何种逻辑。

4572 0

SwiftUI 动画进阶 — Part4：TimelineView

SwiftUI 没有理由重新计算视图的主体。2021 年 WWDC 的一个精彩演讲是 Demystify SwiftUI。它解释了视图标识、生命周期和依赖关系。...为了使我们的视图在动画阶段前进，我们使用 onChange(of:perform) 修饰符监视日期的变化，就像我们在前面的 quip 示例中所做的那样。...除了在每次日期值更改时推进动画阶段，我们还在 onAppear 闭包中执行此操作。否则，一开始就会有停顿。最后一段与 SwiftUI 无关的代码是创建 NSSound 实例。...使用 onChange 和 onAppear 推进动画，使用 @State 变量来跟踪动画，并设置一个动画，将我们的视图从一个时间线更新过渡到下一个。...我们在整个动画中定义了几个关键点，在这里我们改变了我们视图的参数，并让 SwiftUI 动画这些点之间的过渡。以下示例将尝试概括该想法，并使其更加明显。

3.7K3 0

Swift 掌握 Observation 框架

SwiftUI 自动跟踪在 SwiftUI 中，你不需要使用 withObservationTracking 函数来观察更改。SwiftUI 自动跟踪视图正文中使用的任何可观察类型属性的更改。...List(store.state.products, id: \.self) { product in Text(product) } .onAppear...SwiftUI 自动执行此操作。只要存储的状态属性更改，SwiftUI 就会更新视图。...你现在可以使用 @Environment 属性包装器和具有可观察类型的环境视图修改器。...有时，你可能需要内联 @Bindable 到视图正文中以创建绑定。

2142 1

了解 SwiftUI 的 onChange

了解 SwiftUI 的 onChange 请访问我的博客 www.fatbobman.com[1] 获得更好的阅读体验从 iOS 14 开始，SwiftUI 为视图提供了 onChange 修饰器，...SwiftUI 为了避免 app 锁死而采取的保护机制——强制中断了 onChange 的继续执行。...task(id:) SwiftUI 3.0 中新增了 task 修饰器，task 将在视图出现时以异步的方式运行闭包中的内容，同时在 id 值发生变化时，重启任务。...在 task 闭包中的任务单元足够简单时，其表现同 onChange 类似，相当于 onAppear + onChange 的组合。...但有一点需要特别注意，由于 task 的闭包是异步运行的，理论上其并不会对视图的渲染造成影响，因此 SwiftUI 将不会限制它的执行次数。

2.8K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

SwiftUI .focused()视图修饰符不起作用.onAppear

相关·内容

onAppear 的调用时机

onAppear 的调用时机

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

SwiftUI TextField 进阶 —— 事件、焦点、键盘

掌握 SwiftUI 的 Safe Area

SwiftUI 视图的生命周期研究

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

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

掌握 SwiftUI 的 task 修饰器

掌握 SwiftUI 的 task 修饰器

AVKit框架详细解析（四） —— 基于AVKit 和 AVFoundation框架的视频流App的构建

聊一聊可组装框架（ TCA ）

高级 SwiftUI 动画 — Part 2：GeometryEffect

SwiftUI + Core Data App 的内存占用优化之旅

SwiftUI + Core Data App 的内存占用优化之旅

SwiftUI 与 Core Data —— 数据获取

掌握 Transaction，实现 SwiftUI 动画的精准控制

SwiftUI 动画进阶 — Part4：TimelineView

Swift 掌握 Observation 框架

了解 SwiftUI 的 onChange

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐