开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么在切换屏幕时会丢失SwiftUI视图

在切换屏幕时会丢失SwiftUI视图的原因是因为SwiftUI的视图生命周期与屏幕切换时的视图管理方式不同步。具体来说，当切换屏幕时，系统会销毁当前屏幕上的视图，并重新创建新屏幕上的视图。而SwiftUI的视图生命周期是基于数据驱动的，当数据发生变化时，视图会自动更新。因此，在屏幕切换时，如果没有正确处理数据的保存和恢复，就会导致视图丢失。

为了解决这个问题，可以采取以下几种方法：

使用状态保存和恢复：SwiftUI提供了@State属性包装器，可以将视图的状态保存在内存中。在切换屏幕时，可以通过保存和恢复状态来保留视图的数据。例如，可以使用@State属性包装器来保存用户输入的数据，以便在切换屏幕后能够恢复。
使用持久化存储：如果需要在屏幕切换时保留更复杂的数据结构，可以使用持久化存储来保存和读取数据。SwiftUI提供了UserDefaults和Core Data等持久化存储的解决方案，可以将数据保存到本地磁盘，并在需要时进行读取和恢复。
使用@EnvironmentObject：@EnvironmentObject属性包装器可以在整个应用程序中共享数据。通过将需要保留的数据设置为环境对象，可以在切换屏幕时保留数据。这样，无论视图如何切换，都可以通过环境对象来获取和更新数据。
使用@SceneStorage：SwiftUI 3引入了@SceneStorage属性包装器，可以将视图的状态保存在场景中。场景是指应用程序中的一个独立窗口或屏幕。通过使用@SceneStorage，可以在切换屏幕时自动保存和恢复视图的状态。

总结起来，为了在切换屏幕时不丢失SwiftUI视图，需要正确处理数据的保存和恢复。可以使用状态保存和恢复、持久化存储、环境对象或@SceneStorage等方法来实现。具体选择哪种方法取决于数据的复杂性和应用程序的需求。

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

腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr

相关搜索:Swift 5-为什么我的集合视图在嵌入到堆栈视图中时会消失？SwiftUI:在列表和网格/集合视图之间切换 SwiftUI将视图从第一个屏幕切换到选项卡视图屏幕为什么切换屏幕在kivy中不起作用？为什么原始层在复制时会丢失蒙版？为什么在使用django泛型视图时会出现错误？为什么在使用PowerApps相机控件时会丢失图像附件？为什么在使用urlopen抓取数据时会丢失内容/值？为什么在将视图模型发送到局部视图时会出现类型错误(InvalidOperationException)？为什么我在页面之间切换时会看到这种奇怪的延迟？

相关搜索:

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

有帮助

没帮助

相关·内容

SwiftUI 视图的生命周期研究

1 和 2 之间切换时，SwiftUI 都会重新创建两个新的实例，并且将旧的实例销毁。...通常情况下，SwiftUI 在需要渲染屏幕某个区域或需要该区域的数据配合布局时，会在视图值树上创建对应的视图。当不再需要其参与布局或渲染时视图将被销毁。...比如在 List 和 LazyVStack 中，Cell 视图在创建之后即使滚动出屏幕不参与布局与渲染，但 SwiftUI 仍会保留这些视图的数据，直到 List 或 LazyVStack 被销毁。...List 或 LazyVStack 中，Cell 视图进入屏幕后触发 onAppear，滚动出屏幕后会触发 onDisappear，在 Cell 视图的存续期内可以多次触发 onAppear 和 onDisappear...父视图恰恰是以该视图是否影响自身的布局为依据，来调用 onAppear 和 onDisappear 内的闭包，这也是为什么这两个修饰器的作用范围是父视图而不是视图本身。

4.3K3 0

为什么 SwiftUI 的修饰符顺序很重要

每当我们将修饰符应用于 SwiftUI 视图时，我们实际上都会创建一个，应用了更改的新视图 —— 我们不仅仅是修改现有的视图。...我们将在下一章中查看为什么会发生这种情况，但是首先，我想看看这种行为的实际含义。...如果思考一下修饰符的工作原理，您就可以了解为什么会如此：每个修饰符都会创建一个，应用了该修饰符的新结构体，而不是在视图上设置属性。您可以通过查询视图主体的类型来窥视 SwiftUI 的底层。...在每个修饰符之后都会呈现您的视图。...例如，SwiftUI 为我们提供了 padding（）修饰符，该修饰符在视图周围添加了一些空间，从而不会将其推到其他视图或屏幕边缘。

2.3K2 0

为什么SwiftUI修饰符顺序很重要？

每当我们将修饰符应用于SwiftUI视图时，我们实际上都会创建一个应用了更改的新视图——我们不仅会修改现有的视图。...我们将在下一章中查看为什么会发生这种情况，但是首先，我想看看这种行为的实际含义。...如果思考一下修饰符的工作原理，您就可以了解为什么会如此：每个修饰符都会创建一个应用了该修饰符的新结构体，而不是在视图上设置属性。您可以通过查询视图主体的类型来窥视SwiftUI的底层。...(width: 200, height: 200) .background(Color.red) 现在最好的思考方法是，想象一下SwiftUI在每个修饰符之后都会呈现您的视图。...例如，SwiftUI为我们提供了padding（）修饰符，该修饰符在视图周围添加了一些空间，从而不会将其推到其他视图或屏幕边缘。

2.4K1 0

SwiftUI 中布局的工作原理

在幕后，SwiftUI 执行第四步：尽管它将位置和大小存储为浮点数，但在渲染时，SwiftUI 会将所有像素舍入到最接近的值，这样我们的图形仍然清晰。...在 Project3 为什么 SwiftUI 的修饰符顺序很重要？...然后，当答案从文本视图返回时，padding()根据请求在每侧添加20个点来填充它。所以，更像这样： SwiftUI：ContentView，你可以拥有整个屏幕，你需要多少？...SwiftUI：好的，我把你放在中间。如果你还记得为什么 SwiftUI 的修饰符顺序很重要？。也就是说，这个代码： Text("Hello, World!")...当我们在background()中使用它时，简化的布局对话是这样工作的：背景：嘿，文本，你可以有整个屏幕，你想要多少？文本：我需要X乘Y点；我不需要其余的。背景：好的。

3.7K2 0

用 SwiftUI 的方式进行布局

在初始状态时（ show == false ），视图一（红色视图）的底部与屏幕底部对齐，当 show == true 时，视图二（绿色视图）的底部与屏幕底部对齐。...这意味着，在 ScrollView 中，子视图最好明确的设定尺寸（提出明确地需求尺寸）。因此，在上面的代码中，需要通过屏幕高度和视图一的高度差来计算上方的空白站位视图高度。...SwiftUI 在进行布局时，当布局容器给出的建议尺寸无法满足全部子视图的需求尺寸时，会根据子视图的 Priority，优先满足级别较高的视图的布局需求。...因此，只需要在状态切换时，调整视图二的对齐指南即可（视图一将自动跟随视图二移动）。此种方式在视觉上与通过 VStack 的实现类似，但两者在需求尺寸上有明显不同。...七、Transition 通过为视图设定 Transition（转场），在视图插入或将其移出视图树时，SwiftUI 将自动生成对应的动画效果。

3.2K0 0

用 SwiftUI 的方式进行布局

在初始状态时（ show == false ），视图一（红色视图）的底部与屏幕底部对齐，当 show == true 时，视图二（绿色视图）的底部与屏幕底部对齐。...这意味着，在 ScrollView 中，子视图最好明确的设定尺寸（提出明确地需求尺寸）。因此，在上面的代码中，需要通过屏幕高度和视图一的高度差来计算上方的空白站位视图高度。...SwiftUI 在进行布局时，当布局容器给出的建议尺寸无法满足全部子视图的需求尺寸时，会根据子视图的 Priority，优先满足级别较高的视图的布局需求。...因此，只需要在状态切换时，调整视图二的对齐指南即可（视图一将自动跟随视图二移动）。此种方式在视觉上与通过 VStack 的实现类似，但两者在需求尺寸上有明显不同。...七、Transition 通过为视图设定 Transition（转场），在视图插入或将其移出视图树时，SwiftUI 将自动生成对应的动画效果。

4.7K8 0

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

相较于 iPhone 版本，iPad 版本除了为了利用更大的屏幕空间对布局做出了一定的调整外，还提供了多窗口运行的能力，使用者可以在每个窗口中独立进行操作。...在 SwiftUI 中，除了环境值外，另一个具备较多平台“限制”的部分就是视图的 Modifier。...图片为什么会出现这种情况呢？我们都知道 SwiftUI 是一个声明式框架。这不仅意味着开发者可以通过声明的方式来构造视图，而且场景（对应着独立的窗口）甚至整个 App 都是基于声明式代码来创建的。...图片尽管系统在创建新场景（新窗口）时会为其创建一棵新的视图树，但由于为新场景的根视图注入的仍然是同一个 Store 实例，因此尽管场景不同，但在不同的窗口中获取的应用状态完全一致。...它只有一个 Store 实例并支持多窗口，使用者在每个窗口中都可以独立地切换 TabView，并且 TabView 的状态由唯一的 Store 实例持有。

3.1K8 0

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

相较于 iPhone 版本，iPad 版本除了为了利用更大的屏幕空间对布局做出了一定的调整外，还提供了多窗口运行的能力，使用者可以在每个窗口中独立进行操作。...在 SwiftUI 中，除了环境值外，另一个具备较多平台“限制”的部分就是视图的 Modifier。...image-20230424092927467 尽管系统在创建新场景（新窗口）时会为其创建一棵新的视图树，但由于为新场景的根视图注入的仍然是同一个 Store 实例，因此尽管场景不同，但在不同的窗口中获取的应用状态完全一致...它只有一个 Store 实例并支持多窗口，使用者在每个窗口中都可以独立地切换 TabView，并且 TabView 的状态由唯一的 Store 实例持有。...在 SwiftUI 中，只要理解了状态、声明和响应之间的关系，开发者就可以用任何想用的形式来组织数据。无论是将状态进行统一管理，还是分散在不同的视图中，都有各自的优势和意义。

2K1 0

SwiftUI 与 Core Data —— 数据获取

这将有两个作用：数据变化后将引发与其绑定的视图进行更新由于底层数据并不保存在视图中，因此在视图存续期中 SwiftUI 可以随时创建新的视图描述实例而无需担心数据丢失虽然苹果没有公开 _makeProperty...当 SwiftUI 在视图存续期中重新创建视图描述实例时，自定义类型也将一并重新创建在视图存续期中，如果 SwiftUI 创新创建了视图描述实例，那么无论视图描述（符合 View 协议的 Struct...不可在 update 方法中同步地改变引发视图更新的数据与 SwiftUI 在视图中更新 Source of truth 的逻辑一致，在一个视图更新周期中，不能对 Source of truth 再度更新...当前，SectionedFetchRequest 在数据量较大时会有较严重的性能问题。这是由于一旦 SwiftUI 的惰性容器中出现了多个 ForEach ，惰性容器将丧失对子视图的优化能力。...在下一篇文章中，我们将探讨如何在 SwiftUI 中安全地响应数据，如何避免因为数据意外丢失而导致的行为异常以及应用崩溃。希望本文能够对你有所帮助。

4.6K3 0

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

在 SwiftUI 视图的生命周期研究[3] 一文中，我对 List 如何对子视图的显示进行优化做了一定的介绍。...按照正常的逻辑，当进入列表视图 ListEachRowHasID 后 List 只应该实例化十几个 ItemRow 子视图（按屏幕的显示需要），即便使用 scrollTo 滚动到列表底部，List...id 修饰符与视图的显式标识想搞清楚为什么使用了 id 修饰符的视图会提前实例化，我们首先需要了解 id 修饰符的作用。...在 SwiftUI 中为视图设置显式标识目前有两种方式：在 ForEach 的构造方法中指定由于 ForEach 中的视图数量是动态的且是在运行时生成的，因此需要在 ForEach 的构造方法中指定可用来标识子视图的...Item.timestamp, ascending: true)], animation: .default ) private var items: FetchedResults // 在视图中切换

9.1K2 0

SwiftUI-开发iOS项目

LaunchScreen.storyboard — 应用加载时显示的屏幕。...UISceneConfiguration实例完成启动后，控制权被交接给 SceneDelegate，它的 scene(_:willConnectTo:options:)将会被调用，设置window的根视图控制器...在初始化根视图控制器时会初始化ContentView中的View，显示出来 ContentView如何显示在屏幕上?...body 中的 Text("Hello SwiftUI")，表示创建了文本Hello SwiftUI的标签最后的结构体 ContentView_Previews，与ContentView类似，它专门用于在...Xcode中显示视图预览。

4.7K1 0

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

遗憾的是，SwiftUI 并没有提供这方面的 API 。本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。...UIScrollView)开始滚动时调用此方法scrollViewDidEndDecelerating(_ scrollView: UIScrollView)手指滑动可滚动区域后（此时手指已经离开），滚动逐渐减速，在滚动停止时会调用此方法...SwiftUI 中，很多的视图控件是对 UIKit（ AppKit ）控件的二次包装。...macOS 下的 eventTracking 模式中，该方案的表现并不理想屏幕中只能有一个可滚动控件由于任意可滚动控件滚动时，都会导致主线程的 Runloop 切换至 tracing 模式，因此无法有效地区分滚动是由那个控件造成的方法三...：PreferenceKey在 SwiftUI 中，子视图可以通过 preference 视图修饰器向其祖先视图传递信息（ PreferenceKey ）。

3.7K4 0

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

，并可通过按钮在搜索结果中进行滚动切换？...，List 将会为 ForEach 中的所有视图创建实例（并非渲染）用以比对视图类型的构造参数是否发生变化，但仍然只会渲染屏幕上显示部分的 Row 视图。...请阅读优化在 SwiftUI List 中显示大数据集的响应效率[6] 以及避免 SwiftUI 视图的重复计算[7] 两篇文章，了解更多有关性能优化方面的内容通过 currentPostion 获取需要滚动到的...了解更多内容，请阅读 SwiftUI 视图的生命周期研究[9] 一文优先定位于最靠近屏幕中央的搜索结果：/// 从 List 当前显示中的 transcription 中就近选择 match 的 positionprivate.../posts/swiftUILifeCycle/[10] 在 SwiftUI 视图中打开 URL 的若干方法: https://www.fatbobman.com/posts/open_url_in_swiftUI

4.2K3 0

SwiftUI 之 HStack 和 VStack 的切换

前言 SwiftUI 的各种堆栈是许多框架中最基本的布局工具，能够让我们定义组视图，这些组视图可以按照水平、垂直或覆盖视图对齐。...虽然可以在 LoginActionsView 中放入该逻辑，但我们希望以后能复用代码，因此需要重新创建一个专门的视图，作为一个独立的组件来实现动态堆栈的切换逻辑。...在我们的例子中，LoginActionsView 不再只是水平方向的排列，它现在也能移动到屏幕的顶部。...这样做会令动画更流畅，例如在切换设备方向时，我们也有可能在执行此类更改时获得小幅的性能提升（因为 SwiftUI 总是在其视图层次结构为静态时尽可能表现最佳）选择合适的视图但我们还没有结束，因为...结语以上就是通过四种不同的方式实现 DynamicStack 视图，它可以根据当前内容在 HStack 和 VStack 之间动态切换。 - EOF -

2.8K1 0

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

在 SwiftUI 3.0 中，苹果为开发者提供了一个远好于预期的解决方案，同 onSubmit 类似，可以从更高的视图层次来统一对视图中的 TextField 进行焦点的判断和管理。...在多个的 TextFiled 之间切换焦点通过使用 focused 和 onSubmit 的结合，我们可以实现当用户在一个 TextField 中输入完成后（点击return），自动让焦点切换到下一个...使用快捷键获得焦点当一个视图中有多个 TextField（包括 SecureField）时，我们可以直接使用Tab键按顺序在 TextField 中切换焦点，但 SwiftUI 并没有直接提供使用快捷键让某个...在 SwiftUI 3.0 之前，我们必须在主视图上另外绘制或者使用非 SwiftUI 的方式来解决问题，在 SwiftUI 3.0 中，由于添加了原生设置键盘辅助视图（下文具体介绍）的功能，解决上述问题将不再困难...通过 TextContentType 获得建议在使用某些 iOS app 时，在录入文字时会在软键盘上方自动提示我们需要输入的内容，比如电话、邮件、验证码等等。

13.1K1 0

在SwiftUI中使用UIKit视图

在相当长的时间中开发者仍需在SwiftUI中依赖UIKit（AppKit）代码。好在，SwiftUI为开发者提供了便捷的方式将UIKit（AppKit）视图（或控制器）包装成SwiftUI视图。...生命周期 SwiftUI同UIKit和AppKit的主要区别之一是，SwiftUI的视图（View）是值类型，并不是对屏幕上绘制内容的具体引用。...该方法在UIViewRepresentable的生命周期中会多次调用，直到视图被移出视图树（更准确地描述是切换到另一个不包含该视图的视图树分支）。...在绘制屏幕时，会从视图树的顶端开始对视图的body求值，如果其中还包含子视图则将递归求值，直到获得最终的结果。...用原生方法组合解决在SwiftUI 3.0版本之前，SwiftUI并不提供searchbar，此时会出现两种路线，一种是自己包装一个UIKit的UISearchbar，另外就是通过使用SwiftUI的原生方法来组合一个

8.1K2 0

SwiftUI 布局 —— 尺寸（上）

在 Layout 协议中，对应的是 sizeThatFits 方法。经过该阶段的协商，SwiftUI 将确定视图所在屏幕上的位置和尺寸。...第二阶段 —— 安置子民在该阶段，父视图将根据 SwiftUI 布局系统提供的屏幕区域（由第一阶段计算得出）为子视图设置渲染的位置和尺寸（上方的 5-6 ）。...在 Layout 协议中，对应的是 placeSubviews 方法。此时，视图树上的每个视图都将与屏幕上的具体位置联系起来。...在绝大多数情况下，自定义布局容器（符合 Layout 协议）在布局第一阶段最终返回的需求尺寸与第二阶段 SwiftUI 布局系统传递给它的屏幕区域（ CGRect ）的尺寸一致。...视图尺寸视图渲染后在屏幕上呈现的尺寸，也是热门提问 —— 如何获取视图的尺寸中所指的尺寸。在视图中可以通过 GeometryReader 获取特定视图的尺寸及位置。

4.6K2 0

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

除了早期的 SwiftUI 版本，Form、List、LazyStack 以及 LazyGrid 之间在执行效率和子视图的生命周期方面的表现都相当接近。...阅读 The SwiftUI Layout Protocol [11]了解如何创建自定义布局。创建从底部开始的滚动视图Q：我如何实现一个在底部对齐的滚动视图，在 macOS 上会不会有糟糕的性能？...这个技巧对于处于屏幕的顶部或底部的视图十分有用。详情请参阅推文[15] 。动画转场Q：为什么下面的代码没有显示动画转场。...编译器抛出一个错误，说它花了太多时间来检查视图的类型。A：是的，不幸的是，像这样的大型构造器表达式有时会让 Swift 编译器难以处理。...Text 与 TextField 在编辑模式下的切换Q：在 editMode 的文档中建议，在非编辑模式下，可以选择将 Text 视图换成 TextField 。

14.7K3 0

SwiftUI 布局协议 - Part 1

懒加载容器是指那些只在滚入屏幕时渲染，滚出到屏幕外就停止渲染的视图。一个重要的知识点，Layout 类型不是视图。例如，它们没有视图拥有的 body 属性。...视图层次结构的族动态在我们开始布局代码之前，让我们重新审视一下 SwiftUI 框架的核心。...就像我在以前的文章 SwiftUI 中 frame 的表现所描述的的那样，在布局过程中，父视图给子视图提供一个尺寸，但最终还是由子视图决定如何绘制自己。然后，它将此传达给父视图，以便采取相应的动作。...高明的伪装者正如我已经提到的，布局协议没有采用视图协议。那么我们为什么一直在 ViewBuilder中使用布局容器，就好像它们是视图一样？...使用 AnyLayout 切换布局布局容器的另一个有趣的地方，我们可以修改容器的布局， SwiftUI 会友好地用动画处理两者的切换。不需要额外的代码！

3.2K1 0

SwiftUI 的动画机制

开发者经常需要面对：如何动、怎么动、什么能动、为什么不动、为什么这么动、如何不让它动等等困扰。对 SwiftUI 的动画处理逻辑了解的不够深入是造成上述困扰的主要原因。...在 SwiftUI 中，我们不能命令某个视图从一个位置移动到另一个位置，为了实现上述效果，我们需要声明该视图在状态 A 时所处的位置以及状态 B 时所处的位置，当由状态由 A 转到 B 时，SwiftUI...比如在上面的代码中，参数 prefix 不发生变化，因此在合成 AnimatablePair 数据时会自动跳过，只合成 number1 和 number2。...100 : 0) // 同一视图两种状态声明代码一描述了在依赖项 show 发生变化时，SwiftUI 将在分支一和分支二中进行切换。...由于两个分支视图在转场时会同时出现，因此只有在布局容器中才会正确的处理转场动画。Group 只能对其子元素进行统一设置，不具备处理两个分支视图同时出现的情况（会有一个视图分支的转场丢失）。

14.6K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭