开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SwiftUI ScrollView inside列表具有可怕的性能影响

。在使用SwiftUI开发应用程序时，如果在列表中嵌套了一个ScrollView，可能会导致性能下降的问题。这是因为ScrollView在滚动时会立即加载所有的子视图，而不管它们是否在屏幕上可见。当列表中的数据量较大时，这种行为会导致内存占用增加、滚动卡顿等问题。

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

使用LazyVStack或LazyHStack替代ScrollView：LazyVStack和LazyHStack是SwiftUI中的新视图容器，它们只会在需要时才加载子视图，可以提高性能并减少内存占用。将ScrollView替换为LazyVStack或LazyHStack可以解决性能问题。
使用UITableView或UICollectionView：如果性能问题无法通过LazyVStack或LazyHStack解决，可以考虑使用UIKit中的UITableView或UICollectionView来替代列表。这些UIKit组件在处理大量数据时具有更好的性能和内存管理能力。
优化子视图：如果无法避免使用ScrollView，可以尝试优化子视图的加载和渲染过程。例如，可以使用懒加载来延迟子视图的加载，或者使用异步加载来提高滚动的流畅性。

总结起来，ScrollView inside列表的性能问题可以通过使用LazyVStack或LazyHStack、替换为UITableView或UICollectionView，以及优化子视图的加载和渲染来解决。这些方法可以提高应用程序的性能并改善用户体验。

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

腾讯云移动开发服务：https://cloud.tencent.com/product/mobile
腾讯云服务器（云服务器CVM）：https://cloud.tencent.com/product/cvm
腾讯云数据库（云数据库MySQL）：https://cloud.tencent.com/product/cdb
腾讯云存储（对象存储COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能（腾讯云AI）：https://cloud.tencent.com/product/ai
腾讯云区块链（腾讯云TBaaS）：https://cloud.tencent.com/product/tbaas

相关搜索:滚动时SwiftUI ScrollView inside列表消失带有TabView的SwiftUI ScrollView具有另一个ScrollView 具有多个连接的SQL查询会影响性能原生React : scrollview android性能中的扁平列表 SwiftUI NavigationView与ForEach inside列表中的NavigationLink来回跳转 NavigationLink不能与SwiftUI中列表中的ScrollView一起使用具有多个"push“样式元素的SwiftUI列表行具有备用背景色的SwiftUI列表 SwiftUI -具有切换布尔变量的按钮的数组列表 Synchronized锁性能是否会被新申请lockRecord时，拷贝原来的lockRecord列表而影响性能？具有列表编程导航功能的SwiftUI NavigationView不起作用如何在列表中间插入，在不影响性能的情况下对尾部调用友好？具有数千个可观察值的Knockout.js表单对浏览器性能的影响字节数组列表与具有字节数组的hashmap之间的性能差异

相关搜索:

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

有帮助

没帮助

相关·内容

AnyView 对 SwiftUI 性能的影响

正在测试的列表具有不同类型的数据（例如图像、视频、GIF、文本等）。在测试不同实现时执行相同的操作（例如，在内容上滚动三次）。数据以每页 25 个项目的形式获取。...此外，当你再次浏览列表时，性能不会改善（甚至变得更糟）。这是有道理的，因为 SwiftUI 不知道它已经显示过此视图一次（因为它隐藏在 AnyView 下）。...为了更好地理解结果，我们需要深入了解 SwiftUI 的工作原理。在这个关于 SwiftUI 性能的 WWDC 会话中，来自 SwiftUI 团队的 Raj 讨论了列表或表需要提前知道所有标识符。...只有在内容解析为恒定数量的行时，才能高效地收集它们而无需访问所有内容。如果使用条件检查或 AnyView，将无法确定行数，并且必须提前创建所有视图，这会影响性能。...然而，这并不意味着使用 AnyView 总是会以这种方式影响性能。

1380 0

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

在 SwiftUI 5.0 中，苹果大幅强化了 ScrollView 功能。新增了大量新颖、完善的 API。本文将对这些新功能进行介绍，希望能够让它们更多、更早的帮助到有需要的开发者。...它只会影响最近的一个视图。对于全面屏的额外安全区域，safeAreaInset 和 safeAreaPadding 的处理逻辑不一致。...（视图标识）不支持锚点设定，固定锚点为子视图的 center 正如优化在 SwiftUI List 中显示大数据集的响应效率[6] 一文所提到的，当数据集很大时，也会出现性能问题。...就我个人而言，在 SwiftUI 5 中，ScrollView 的原生方案已经能够满足大多数需求，因此我们将看到更多人采用 ScrollView + LazyStack 的组合方式。...欢迎你通过 Twitter[8]、 Discord 频道[9] 或博客的留言板与我进行交流。订阅下方的邮件列表[10]，可以及时获得每周最新文章。

8322 0

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

前言我们的滚动 API 中又有一个重要的新增功能：滚动可见性。现在，你可以获取可见标识符列表，或者快速检查并监控 ScrollView 内视图的可见性状态。...它设计得易于使用，允许你将其附加到具有滚动目标布局的任何 ScrollView 上。让我们通过一个示例来探讨这个修饰符的使用。...要了解有关 scrollTargetLayout 视图修饰符的更多信息，请查看我的文章《掌握 SwiftUI 中的 ScrollView：滚动几何》。...完整示例上面对视图修饰符有了初步了解，它的设计得易于使用，允许你将其附加到具有滚动目标布局的任何 ScrollView 上。让我们通过一个示例来探讨这个修饰符的使用。...总结今天，我们学习了如何跟踪 ScrollView 内特定视图的可见性，并监控可见标识符列表。示例展示了如何使用 SwiftUI 的滚动可见性修饰符来增强用户体验和交互性。希望能对你有所帮助。

1672 1

GeometryReader ：好东西还是坏东西？

比如，对于 VStack ，它会在垂直维度上，分别向子视图发送具有明确值的建议尺寸、未指定的建议尺寸、最大建议尺寸以及最小建议尺寸的信息，并获得子视图在不同建议尺寸下的需求尺寸。...GeometryReader 的性能问题只要了解 GeometryReader 获取几何信息的时机，就能理解其对性能的影响。...由于早期的 SwiftUI 缺少了 LazyGrid 等布局容器，开发者只能通过 GeometryReader 来实现各种自定义布局。当视图数量较多时，这将会导致严重的性能问题。...自从 SwiftUI 补充了一些之前缺失的布局容器后，GeometryReader 对性能的大规模影响已经有所减轻。特别是在允许自定义符合 Layout 协议的布局容器后，上述的问题已基本解决。...为了进一步减少 GeometryReader 对性能的影响，我们需要注意以下两点：只让少数视图受到几何信息变化的影响仅传递所需的几何信息以上两点符合我们优化 SwiftUI 视图性能的一贯原则，即控制状态变化的影响范围

6277 0

WWDC 23 之后的 SwiftUI 有哪些新功能

前言 WWDC 23 已经到来，SwiftUI 框架中有很多改变和新增的功能。在本文中将主要介绍 SwiftUI 中数据流、动画、ScrollView、搜索、新手势等功能的新变化。...动画动画始终是 SwiftUI 框架中最重要的部分。在 SwiftUI 中轻松实现任何动画，但之前的框架版本缺少一些现在具有的功能。...，允许调整列表中的间距。...可以使用 listRowSpacing 和 listSectionSpacing 视图修饰符来设置列表中所需的间距。...Swift Charts 也具有可滚动和可动画的功能。

3812 0

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

欢迎大家在 Discord 频道[2] 中进行更多地交流判断一个可滚动控件（ ScrollView、List ）是否处于滚动状态在某些场景下具有重要的作用。...比如在 SwipeCell[3] 中，需要在可滚动组件开始滚动时，自动关闭已经打开的侧滑菜单。遗憾的是，SwiftUI 并没有提供这方面的 API 。...本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。...目前 SwiftUI 在内部的实现上去 UIKit（ AppKit ）化很明显，比如，本节介绍的方法在 SwiftUI 4.0 中已经失效方法二：Runloop我第一次接触 Runloop 是在学习 Combine...每周也会对当周博客上的新文章以及在 Twitter 上发布的 Tips 进行汇总，并通过邮件列表的形式发送给订阅者。订阅下方的邮件列表[9]，可以及时获得每周的 Tips 汇总。

3.8K4 0

用 SwiftUI 实现 3D Scroll 效果

我们预览下今天要实现的 3D scroll 效果。学完本教程后，你就可以在你的 App 中把这种 3D 效果加入任何自定义的 SwiftUI 视图。下面我们来开始本教程的学习。...入门首先，创建一个新的 SwiftUI 视图。为了举例说明，在这个新视图中，我会展示一个有各种颜色的矩形列表，并把新视图命名为 ColorList。...var colors: [Colors] 实现这个列表在 body 变量的内部，删除掉占位 Text。...在 ScrollView 嵌套中添加一个 HStack，如下： var body: some View { ScrollView(.horizontal, showsIndicators: false...Effect: https://levelup.gitconnected.com/swiftui-3d-scroll-effect-fa5310665738

1.5K2 0

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

视图的性能优化Q：面对复杂的用户界面时，控制视图中的更新范围的最佳做法是什么（以避免不需要的转发以及重复计算）。...如何减少主线程的负担Q：如何避免所有操作都被放置在主线上？任何标记 @Published 的变量都应该在主线上被修改，所以应该使用 @MainActor 。但任何触及该属性的代码都将被影响。...创建从底部开始的滚动视图Q：我如何实现一个在底部对齐的滚动视图，在 macOS 上会不会有糟糕的性能？...Swiftcord[12] 的代码展示了如何在 SwiftUI 下实现倒置列表。阅读优化在 SwiftUI List 中显示大数据集的响应效率[13] 一文，了解苹果工程师推荐的方法。...在 SwiftUI 中，有一个从第一版开始就存在但尚未公开的纯 SwiftUI 实现的滚动容器 —— _ScrollView 。

14.8K3 0

SwiftUI 新容器视图 API 深度解析：轻松构建自定义布局

前言自 SwiftUI 的第一个版本发布以来，它就拥有了几种容器视图。最常用的有 HStack、VStack、List 等。...今年，Apple 引入了新的 API，使我们能够以全新的方式构建自定义容器视图。本周，我们将学习 SwiftUI 新的分解 API 的优势。容器视图容器视图就是一个可以包含其他视图的视图。...想了解更多关于 @ViewBuilder 闭包的内容，可以查看我关于 “SwiftUI 中 @ViewBuilder 的强大功能” 的文章。...} .scrollTargetBehavior(.viewAligned) .contentMargins(16) }}// 定义 Magazine 视图，具有垂直和水平组合布局的自定义容器视图...总结通过使用 SwiftUI 新引入的 API 以及容器视图，你可以轻松构建具有良好复用性的自定义布局，提升应用的开发效率和代码可维护性。

1271 1

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

这从根本上解决了当前影响 SwiftUI 应用（过渡计算）的效率问题。让开发者可以更加自由的来设计数据结构以及随心所欲的注入数据源。不过很遗憾，这项新特性只能在 SwiftUI 5 上实现。...大幅改善了 ScrollView 的控制力本次升级中，为 ScrollView 带来了新的动态滚动定位系统（不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（在视图进入后...在过去几年，苹果推出的新技术层出不穷，开发者要不断学习与适应，这无形中也增加了开发成本与风险。虽然苹果的新技术普遍都具有实用价值，但在追新与稳定之间，开发者也需要慎重地权衡。...欢迎你通过 Twitter[5]、 Discord 频道[6] 或博客的留言板与我进行交流。订阅下方的邮件列表[7]，可以及时获得每周最新文章。...s=20 [5] 邮件列表: https://artisanal-knitter-2544.ck.page/d3591dd1e7

3841 0

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

首先在 iOS 13 下它自带的云同步非常吸引我（基本免费、性价比超高），另外由于 Core Data 并非一个 ORM（应该称其为对象图管理框架），在性能及安全等方面还有不少其他的优势。...，直接会回到顶部由于切换重置，在复杂页面加载时效率低到可怕。...ScrollViewSwiftUI 中的 ScrollView 沿袭了其他 SwiftUI 控件的特点，使用起来非常轻巧，但几乎不提供额外的控制选项。...如果非要在 init 中使用类似 UITableView.appearance 之类的方式进行设定的话，单个 view 中的设定会影响整个 app（除非能够很好地控制该 view 的初始化和销毁）。...每周也会对当周博客上的新文章以及在 Twitter 上发布的 Tips 进行汇总，并通过邮件列表的形式发送给订阅者。订阅下方的邮件列表[3]，可以及时获得每周的 Tips 汇总。

2.5K4 0

【HarmonyOS 专题】07 简单了解 ScrollView 滑动组件

和尚在前面学习 Image 时当前屏幕展示不全，需要用到 ScrollView 滑动组件，和尚今天进一步学习一下； ScrollView ScrollView 是一种可滑动的组件，可以通过滑动在有限的空间内展示更多的空间组件...；ScrollView 继承自 StackLayout；与 Android 使用方法一样，在 ScrollView 使用时，内部仅支持一个元素，即需要将滑动展示的元素放在一个 Layout 布局内； <...，但是可以通过 ScrollView 内部的 Layout 设置水平滑动或竖直滑动；注意，当设置水平滑动时，内部的 Layout 宽度尽量不要使用 match_parent 影响滑动触发； <ScrollView...，常用于自定义滑动列表； <ScrollView xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="match_content...(500); } }); 和尚对 ScrollView 高级的自定义方式还不够深入，后期会在自定义滑动列表组件时尝试更多回弹效果和速率方面的属性；如有错误，请多多指导！

6851 0

掌握 SwiftUI 的 Safe Area

我们将 ignoresSafeArea 添加到 ZStack 之后： ZStack { ...}.ignoresSafeArea() 此时，背景充满了屏幕，也不受软键盘弹出的影响了。...使用 safeAreaInset 扩展安全区域在 SwiftUI 中，所有基于 UIScrollView 的组件（ScrollView、List、Form），在默认情况下都会充满整个屏幕，但仍可确保我们可以在安全区域内看到所有的内容...safeAreaInsetList2 遗憾的是，在 iOS 15 之前，SwiftUI 并没有提供调整视图安全区的手段，如果我们想通过 SwiftUI 的手段创建一个自定义 Tabbar 时，列表中最后的内容将被...表现正常），无法将列表最后的内容全部显示完整。...尽管使用 safeAreaInset 为列表在底部添加状态栏或自定义 TabBar 非常方便，但如果你的列表中使用了 TextField，情况将变得很麻烦。

7.7K3 1

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

但是，SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则，由此在某些情况下会出现严重的错误，影响用户体验，并使开发者无所适从。...只有直接修改 path，SwiftUI 才能表现的像一个真正的响应式编程框架。...它的复现条件如下：iOS 16 系统，在真机或模拟器上测试点击视图列表中的按钮，可以进入下一级视图。...如果我们认为问题出在这里，就需要使用编程式导航的方式来调整代码。为了不影响用户的使用习惯，我们禁用了 NavigationStack 自带的 Back 按钮。...希望 SwiftUI 开发组能尽早重视这些问题。欢迎你通过 Twitter、 Discord 频道或博客的留言板与我进行交流。订阅下方的邮件列表，可以及时获得每周最新文章。

70511 0

用 SwiftUI 的方式进行布局

本文将通过用多种手段完成同一需求的方式，展示 SwiftUI 布局系统的强大与灵活，并通过这些示例让开发者对 SwiftUI 的布局逻辑有更多的认识和理解。...padding 是在布局层面进行的调整，添加 padding 后的视图，同时也会对其他视图的布局产生影响。...四、ScrollView 考虑到本文需求的动画形态（竖向滚动），使用 ScrollViewReader 提供的滚动定位功能，同样可以满足需求。...ScrollView 会使用父视图给定的全部建议尺寸创建滚动区域，但在询问其子视图的需求尺寸时只会提供理想尺寸。...scrollDisabled（则让我们可以在 iOS 16+ 中屏蔽 ScrollView 的滚动手势）。

3.3K0 0

用 SwiftUI 的方式进行布局

最近时常有朋友反映，尽管 SwiftUI 的布局系统学习门槛很低，但当真正面对要求较高的设计需求时，好像又无从下手。SwiftUI 真的具备创建复杂用户界面的能力吗？...本文将通过用多种手段完成同一需求的方式，展示 SwiftUI 布局系统的强大与灵活，并通过这些示例让开发者对 SwiftUI 的布局逻辑有更多的认识和理解。可在此处获取本文代码。...padding 是在布局层面进行的调整，添加 padding 后的视图，同时也会对其他视图的布局产生影响。...ScrollView 会使用父视图给定的全部建议尺寸创建滚动区域，但在询问其子视图的需求尺寸时只会提供理想尺寸。...同时也欢迎你通过 Twitter、 Discord 频道或博客的留言板与我进行交流。订阅下方的邮件列表，可以及时获得每周的 Tips 汇总。

4.8K8 0

解析SwiftUI布局细节（二）循环轮播+复杂布局

我们看看最底层的代码先： NavigationView{ ScrollView(showsIndicators:false,content: {...HomeBannerView() .environmentObject(homeViewModel) /// 服务列表...3、再提一点关于上面说的滚动视图，在UIKit中我们可以用UICollectionView搞定一切，但是在SwiftUI中没有这个控件，我建议采用的方式是 ScrollView + HStack + VStack...的方式去实现，很多同行有说目前来看SwiftUI的List在数据量大的情况下性能不是特别好，采用ScrollView是个不错的方式，而且也很容易构建出来，并不是说每一个Item的位置都需要你去计算，...区别于我们UIKit的创建方式，SwiftUI对它进行了简化，具体的创建如下： /// SwiftUI对定时器的简化，可以进去看看具体参数的定义 private let timer = Timer.publish

12.1K2 0

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

但是，SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则，由此在某些情况下会出现严重的错误，影响用户体验，并使开发者无所适从。...本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误，并提供相应的解决方案。...只有直接修改 path，SwiftUI 才能表现的像一个真正的响应式编程框架。...它的复现条件如下： iOS 16 系统，在真机或模拟器上测试点击视图列表中的按钮，可以进入下一级视图。...如果我们认为问题出在这里，就需要使用编程式导航的方式来调整代码。为了不影响用户的使用习惯，我们禁用了 NavigationStack 自带的 Back 按钮。

3452 0

肘子的 Swift 周报 #038 | 更好还是更便宜？

对这部分用户而言，他们期待下一代产品在佩戴舒适度、性能和显示效果上的进一步提升。尽管对大多数消费者而言，AVP 的价格偏高，但正是这个价格区间使其在特定领域提供了超越竞争对手的性能和体验。...苹果或许可以考虑双管齐下的策略：一方面推出性价比更高的入门款，提高头戴设备的普及率；另一方面持续优化 AVP 的性能，巩固其在行业中的领先地位。...前一期内容｜全部周报列表原创 SwiftUI 滚动控制 API 的发展历程与 WWDC 2024 的新亮点[3] Fatbobman( 东坡肘子 )[4] 在 WWDC 2024 中，苹果再次为 SwiftUI...的 ScrollView 组件带来了一系列令人瞩目的新 API。...这一经历不仅有趣，同时也提供了对技术选型和性能评估重要性的深刻洞见，强调了在选择数据管理方案时需要权衡的各种因素。

1151 0

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

SwiftUI 如果说从 SwiftUI 1.0 到 4.0 每年的升级是一种小修小补的行为，那么今年苹果在 SwiftUI 5.0 上做出的努力至少算得上是中期改款了。...今年 SwiftUI 的提升相当的大，有些改动可以视为革命性的变化。...这从根本上解决了当前影响 SwiftUI 应用（过渡计算）的效率问题。让开发者可以更加自由的来设计数据结构以及随心所欲的注入数据源。不过很遗憾，这项新特性只能在 SwiftUI 5 上实现。...大幅改善了 ScrollView 的控制力本次升级中，为 ScrollView 带来了新的动态滚动定位系统（不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（在视图进入后...在过去几年，苹果推出的新技术层出不穷，开发者要不断学习与适应，这无形中也增加了开发成本与风险。虽然苹果的新技术普遍都具有实用价值，但在追新与稳定之间，开发者也需要慎重地权衡。

1.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭