开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SwiftUI -使列表下面的内容在列表滚动过程中可滚动

SwiftUI是一种用于构建用户界面的声明式框架，它是苹果公司推出的一种前端开发工具。它的主要特点是简洁、直观且易于使用，可以帮助开发者快速构建各种各样的用户界面。

在SwiftUI中，可以使用List视图来创建列表，并且可以在列表下方添加其他内容。当列表滚动时，列表下方的内容也可以随之滚动。

SwiftUI的优势在于其声明式的编程模型，开发者只需要描述界面的外观和行为，而不需要关心底层的实现细节。它还提供了丰富的UI组件和布局选项，可以轻松实现各种复杂的界面效果。

应用场景方面，SwiftUI适用于开发各种类型的iOS、iPadOS、macOS和watchOS应用程序。无论是简单的应用还是复杂的企业级应用，都可以使用SwiftUI来构建用户界面。

对于实现在列表滚动过程中可滚动的内容，可以使用ScrollView来包裹列表下方的内容。ScrollView是一个可滚动的容器视图，可以容纳多个子视图，并且可以在垂直或水平方向上滚动。

以下是腾讯云提供的相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
腾讯云音视频处理服务：https://cloud.tencent.com/product/mps
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云对象存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/vr

请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。

相关搜索:SwiftUI滚动视图内容在可滚动区域之外如何在tvOS中使SwiftUI列表可滚动 SwiftUI -在状态栏文本下滚动列表如何使整个布局可滚动，其中包含可滚动的列表视图？SwiftUI主列表可滚动标题视图不带节？如何使列表视图在滚动视图中可扩展在SwiftUI列表/表单中禁用滚动如何使列表视图中的项可滚动？如何在列表上方放置VStack使整个视图可滚动 SwiftUI:在列表滚动中动态移动navigationBar项滚动(swiftui)时，滚动视图中作为列表项的内容会消失，为什么？如何在没有内容的情况下使弹出窗口可滚动在不滚动列表的情况下重建容器列表在Swiftui Picker滚动其列表时触发的事件如何在不滚动SwiftUI的情况下显示整个列表 React本机滚动列表在Android的可滚动视图中不起作用刷新在可滚动列表中可见的小部件使用VBA在可滚动列表中生成包含单元格内容的注释如何使可拖动、可排序列表在拖动时显示其他内容？可滚动的下拉列表在移动设备上不起作用

相关搜索:

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

有帮助

没帮助

相关·内容

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

拥有优秀的交互效果和手感，是很多 iOS 开发者长久以来坚守的原则。同样一段代码，在不同数据量级下的响应表现可能会有云泥之别。本文将通过一个优化列表视图的案例，展现在 SwiftUI 中查找问题、解决问题的思路，其中也会对 SwiftUI 视图的显式标识、@FetchRequest 的动态设置、List 的运作机制等内容有所涉及。本文的范例需运行在 iOS 15 及以上系统，技术特性也以 SwiftUI 3.0 为基础。

02

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

尽管 SwiftUI 的惰性容器以及 Core Data 都有各自的内存占用优化机制，但随着应用视图内容的复杂（图文混排），越来越多的开发者遇到了内存占用巨大甚至由此导致 App 崩溃的情况。本文将通过对一个演示 App 进行逐步内存优化的方式（由原先显示 100 条数据要占用 1.6 GB 内存，优化至显示数百条数据仅需 200 多 MB 内存），让读者对 SwiftUI 视图的存续期、惰性视图中子视图的生命周期、托管对象的惰值特性以及持久化存储协调器的行缓存等内容有更多的了解。

01

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

尽管 SwiftUI 的惰性容器以及 Core Data 都有各自的内存占用优化机制，但随着应用视图内容的复杂（图文混排），越来越多的开发者遇到了内存占用巨大甚至由此导致 App 崩溃的情况。本文将通过对一个演示 App 进行逐步内存优化的方式（由原先显示 100 条数据要占用 1.6 GB 内存，优化至显示数百条数据仅需 200 多 MB 内存），让读者对 SwiftUI 视图的存续期、惰性视图中子视图的生命周期、托管对象的惰值特性以及持久化存储协调器的行缓存等内容有更多的了解。

04

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

Ask Apple 为开发者与苹果工程师创造了在 WWDC 之外进行直接交流的机会。本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为下篇。

03

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

Ask Apple 为开发者与苹果工程师创造了在 WWDC 之外进行直接交流的机会。本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为上篇。

02

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

WWDC 2023 正在如火如荼地进行。苹果不仅带来了全新形态的硬件产品，还推出了几个相当震撼的新框架。本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。

01

肘子的 Swift 周报｜ Swift，超越苹果生态！

自 2014 年正式亮相以来，Swift 已步入其发展的第十个年头。虽然自 2015 年末起 Swift 便开始支持 Linux，但长期以来，其在非苹果平台上的推广和应用进展缓慢，许多人仍旧将 Swift 视作苹果生态下的专属语言。

01

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

为可滚动容器的内容或滚动指示器（Scroll Indicator）添加外边距（Margin）。

02

SwiftUI 中的内容边距

SwiftUI 引入了一组视图修饰符，使我们能够有效地管理视图中的安全区域。在许多情况下，安全区域是你希望放置内容的地方。今天，我们将了解 SwiftUI 引入的新内容边距概念以及它与安全区域的区别。

03

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

判断一个可滚动控件（ ScrollView、List ）是否处于滚动状态在某些场景下具有重要的作用。比如在 SwipeCell[3] 中，需要在可滚动组件开始滚动时，自动关闭已经打开的侧滑菜单。遗憾的是，SwiftUI 并没有提供这方面的 API 。本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。

04

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

WWDC 23 已经到来，SwiftUI 框架中有很多改变和新增的功能。在本文中将主要介绍 SwiftUI 中数据流、动画、ScrollView、搜索、新手势等功能的新变化。

02

RecyclerView滑动时卡顿怎么办？

大家好，我近期刚完成了一个商城类的软件，首页就是用recyclerview的多布局实现的，近期的优化让我不得不去深入的了解一下recycleview这个控件。

02

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

前些日子，一位网友在聊天室中就如下的问题[3] 与大家进行了交流与探讨 —— 如何通过 Text + AttributedString 实现类似文章关键字检索的功能，并可通过按钮在搜索结果中进行滚动切换？

03

我庆幸果断放弃了SwiftUI：它还不够成熟

编译 | 核子可乐、Tina SwiftUI 很好，但是苹果对它投资不足。在 2019 年的 WWDC 大会上，苹果推出了一个全新的 SwiftUI 框架，这是一个现代化的 UI 界面编码结构，它是基于 Swift从头开始构建的。新框架使用声明性范例，让开发者用更少的代码编写相同的 UI。 SwiftUI 的愿景是降低开发 iOS 门槛，吸引更多开发者、丰富 iOS 的业态。并且 SwiftUI 可以“实现一次编码，可适应五端 Apple 产品平台”，包括watchOS、tvOS、macOS 等，

02

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

近日，苹果正式将 Apple Vision Pro (AVP) 推广到更多国家的市场。考虑到 AVP 的独特性，尤其需要为戴眼镜用户提供定制的镜片，消费者能够亲身体验这款产品无疑会增进对其的了解，有望带动销量。然而，若价格、佩戴舒适度和生态系统等核心问题未能得到显著改善，仅仅扩大销售范围恐难以带来令人振奋的市场表现。

01

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

上一篇我们总结的主要是VStack里面的东西，由他延伸到 @ViewBuilder, 接着我们上一篇总结的我们这篇内容主要说的是下面的几点，在这些东西说完后我准备解析一下苹果在SiwftUI文档中说道的比较好玩的一个东西，具体的我们后面在看。这篇我们还是说我们关于SwiftUI的东西，再提一下Demo代码我已经提交上Git了，目前Demo进度为一级页面基本上结束，地图点击大头针的添加也刚处理完，代码有需要的小伙伴可以去Git看看，项目地址

02

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

众所周知，SwiftUI 是一个响应式框架，这意味着，当数据源发生变化时，框架会自动更新视图。同样，当我们想调整视图显示时，应直接对状态进行修改。但是，SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则，由此在某些情况下会出现严重的错误，影响用户体验，并使开发者无所适从。

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

众所周知，SwiftUI 是一个响应式框架，这意味着，当数据源发生变化时，框架会自动更新视图。同样，当我们想调整视图显示时，应直接对状态进行修改。但是，SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则，由此在某些情况下会出现严重的错误，影响用户体验，并使开发者无所适从。

02

[Flutter 渲染优化系列] Flutter 渲染性能问题分析

易老师写了很多篇关于 Flutter 渲染引擎的文章，讲的非常深入，我从中学到了很多，昨天很有幸的加到易老师微信，表达了一番崇敬之情，易老师人非常好，也非常谦逊。

02

怎样在Android上实现一个iOS多任务列表效果

纵观Android标准的控件库，能想到的就只有ViewPager比较合适，其首先满足第1点，ViewPager又是直接使用Adapter来管理数据，然后通过Fragment来管理每个item，满足第4点（这一点很重要，Adapter+Fragment这种成熟的设计，会让调用代码很简洁），剩下的2，3点都是UI层面的效果，应该改改ViewPager的源码就可以实现了吧，微笑。

06

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

WWDC 2023 正在如火如荼地进行。苹果不仅带来了全新形态的硬件产品，还推出了几个相当震撼的新框架。本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。

02

用 SwiftUI 的方式进行布局

最近时常有朋友反映，尽管 SwiftUI 的布局系统学习门槛很低，但当真正面对要求较高的设计需求时，好像又无从下手。SwiftUI 真的具备创建复杂用户界面的能力吗？本文将通过用多种手段完成同一需求的方式，展示 SwiftUI 布局系统的强大与灵活，并通过这些示例让开发者对 SwiftUI 的布局逻辑有更多的认识和理解。

00

Flutter中ListView加载图片数据的优化

在使用ListView懒加载模式时，当ListView的Item中有图片信息时，在快速滚动过程中会大量的浪费流量与内存，甚至会造成在滚动过程中页面的卡顿效果。

01

肘子的 Swift 周报 #019 | 超越代码，拥抱思维转变

经过几个月对 SwiftData 的研究，我最近才在项目中正式采用了它。然而，我发现与使用 Core Data 相比，编写代码的效率有所下降。这并非因为 SwiftData 难以使用，实际上，尽管 SwiftData 是在 Core Data 的基础上发展而来，但要想正确地使用和深入理解它，我必须放弃许多我以前掌握的 Core Data 经验，尝试采用与 SwiftData 设计哲学更为契合的编程逻辑，这个过程中我不得不几次重新开始。

01

用 SwiftUI 的方式进行布局

最近时常有朋友反映，尽管 SwiftUI 的布局系统学习门槛很低，但当真正面对要求较高的设计需求时，好像又无从下手。SwiftUI 真的具备创建复杂用户界面的能力吗？本文将通过用多种手段完成同一需求的方式，展示 SwiftUI 布局系统的强大与灵活，并通过这些示例让开发者对 SwiftUI 的布局逻辑有更多的认识和理解。

08

一些适合 SwiftUI 初学者的教程

经常有朋友咨询，学习 SwiftUI 的最佳路径是什么？考虑到每个人的技术背景、学习能力、工作经验均不一样，因此很难说哪种学习方式或哪些资料是适合他本人的。不过随着这个问题被反复提起，最终还是想尝试整理一些资料给对 SwiftUI 感兴趣的朋友。本文将介绍一些对学习者技术基础要求较低（甚至可以零基础）的教程。

02

干货 | 携程APP Native/RN内嵌Flutter UI混合开发实践和探索

随着各种多端技术的蓬勃发展，如今的移动端和前端早已不再拘泥于自身的边界，而是不断延伸、扩展和融合，逐步向着真正的大前端技术迈进。跨端技术也从早期的Cordova/PhoneGap、纯H5页面发展到如今的ReactNative（以下简称RN）、Weex、小程序、Flutter群雄并存的局面。各种技术栈各有优劣和特点，技术选型需视团队自身情况而定，没有绝对好坏之分。然而在实际开发中，并不是只选用一种技术栈，那么研究多种技术栈融合和嵌套使用的就有了迫切的必要性。

01

掌握 ViewThatFits

在 iOS 16 中，SwiftUI 增加了一个新的自适应布局容器 ViewThatFits。正如其名称所示，它的作用是在给定的多个视图中找出最合适的视图并使用。对于大多数人来说，这是一个简单易用的容器。不过，本文打算对其进行彻底的剖析，包括规则细节、理想尺寸的含义、使用示例等。最后，我们将创建一个复刻版本的 ViewThatFits，以加深对其的认识和理解。

01

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

我接触电脑的时间比较早（第一台电脑型号是 CP-80，CPU 是 MC6800 ），开始学习编程也比较早（从中华学习机开始，Apple II 的国内兼容机）。对于电脑和编程也都一直很有兴趣，不过从来也没有真正的把写代码当做过职业。虽然也使用过几种编程语言在不同的平台上写过些代码，但都不能算作完整的产品。习惯性地对信息行业的前沿动态以及一些新的技术方向保持着关注，但由于生意及其它方面的原因，从 10 几年前便完全没有再接触过编程了。

04

移动端滚动研究

在移动端如果使用局部滚动，意思就是我们的滚动在一个固定宽高的div内触发，将该div设置成overflow:scroll/auto;来形成div内部的滚动，这时我们监听div的onscroll发现触发的时机区分android和ios两种情况，具体可以看下面表格:

02

SwiftUI - 百行代码变十行，Swift再创辉煌

苹果开发者大会 WWDC 2019 在北京时间今天凌晨开幕。在这场大会上除了「史上最难看 Mac 主机」、首次出现的iPadOS以外，我们还终于可以对饱受诟病的iTunes说再见了。而对于开发者来说，新发布的 SwiftUI 可能是最吸引人的特性，在苹果公司软件工程高级副总裁Craig Federighi的演示中，我们可以轻松地把一百行的前端代码缩减到十几行。

04

iBug 16 有感

到 2022 年，SwiftUI 已经迈入了第四个年头。尽管在之前的版本更新过程中，SwiftUI 也出现了或多或少的问题，但从来也没有像 SwiftUI 4 这么严重。Bug 众多的现象不仅仅表现在 SwiftUI 上，在 iOS、macOS 以及苹果很多其他的产品上都有所体现。

02

SwiftUI 视图的生命周期研究

在 UIKit（AppKit）的世界中，通过框架提供的大量钩子（例如 viewDidLoad、viewWillLayoutSubviews 等），开发者可以将自己的意志注入视图控制器生命周期的各个节点之中，宛如神明。在 SwiftUI 中，系统收回了上述的权利，开发者基本丧失了对视图生命周期的掌控。不少 SwiftUI 开发者都碰到过视图生命周期的行为超出预期的状况（例如视图多次构造、onAppear 无从控制等）。

03

SwiftUI - 百行代码变十行，Swift再创辉煌

这种声明式的方式甚至允许使用复杂的功能，如动画（animation）。只需要几行代码，即可添加动画在任何控件上，并且可以使用易于调用的特效。在运行时，SwifthUI 会自行控制创建流畅动作的所有步骤，并且可以解决程序冲突，保证 app 稳定运行。动画特效变得如此容易，我们可以发掘使 app 更加灵动的方式。

03

用 Table 在 SwiftUI 下创建表格

Table 是 SwiftUI 3.0 中为 macOS 平台提供的表格控件，开发者通过它可以快捷地创建可交互的多列表格。在 WWDC 2022 中，Table 被拓展到 iPadOS 平台，让其拥有了更大的施展空间。本文将介绍 Table 的用法、分析 Table 的特点以及如何在其他的平台上实现类似的功能。

03

两行CSS让长列表性能渲染提升7倍！

这两个 CSS 属性，主要针对长列表渲染。有长列表渲染需求的同学，可一定不能错过咯~

01

小程序长列表优化实践

在一些电商的小程序项目中，长列表是一个很普遍的场景，在加载大量的列表数据的过程中，可能会遇到手机卡顿，白屏等问题。也许数据进行分页处理可以防止一次性加载数据带来的性能影响，但是随着数据量越来越大，还是会让小程序应用越来越卡顿，响应速度越来越慢。这种问题不仅仅在小程序上，在移动端 h5 项目中同样存在。

02

基础篇章：关于 React Native 之 ListView 组件的讲解

（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间）我们讲完ScrollView组件，其实顺其自然的就应该讲解ListView,对于前段

08

京东购物小程序购物车性能优化实践

它是小程序开发工具内置的一个可视化监控工具，能够在 OS 级别上实时记录系统资源的使用情况。

02

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

你已经在 iOS 应用程序上工作了一段时间，你认为你很聪明。你以为你已经做到了，嗯？

01

京东购物小程序购物车性能优化实践

它是小程序开发工具内置的一个可视化监控工具，能够在 OS 级别上实时记录系统资源的使用情况。

02

一段因 @State 注入机制所产生的“灵异代码”

本文将通过一段可复现的“灵异代码”，对 State 注入优化机制、模态视图（ Sheet、FullScreenCover ）内容的生成时机以及不同上下文（相互独立的视图树）之间的数据协调等问题进行探讨。

02

聊聊苹果营销页中几个有趣的交互动画

前两天在浏览苹果 16寸营销页面[1] 的时候，发现了几个比较有意思的交互，心里想着自己虽然是一个穷逼，但是知识是无界限的呀，于是便研究了一波。

06

革命性创新，动画杀手锏 @scroll-timeline

在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。

02

GeometryReader ：好东西还是坏东西？

GeometryReader 自 SwiftUI 诞生之初就存在，它在许多场景中扮演着重要的角色。然而，从一开始就有开发者对其持负面态度，认为应尽量避免使用。特别是在最近几次 SwiftUI 更新中新增了一些可以替代 GeometryReader 的 API 后，这种观点进一步加强。本文将对 GeometryReader 的“常见问题”进行剖析，看看它是否真的如此不堪，以及那些被批评为“不符预期”的表现，是否其实是因为开发者的“预期”本身存在问题。

07

何为 content-visibility？

最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。

01

RecyclerView预加载!

列表的内容是由服务器返回的分页数据，每次浏览到当前页的尾部，都会拉取下一页的数据。这中断用户的浏览，不免产生等待。产品希望让这个过程无感知。一种实现方案是预加载，即在一页数据还未看完时就请求下一页数据，让用户感觉列表的内容是无穷的。

00

肘子的 Swift 周报 #014 ｜发展要建立在稳定的基础上

最近, 苹果发布的 iOS 17.3 Beta 2 版本出现了令人意外的问题, 使包括 iPhone 15 Pro Max 在内的多款设备出现了循环重启的情况。目前，似乎唯一的解决办法是下载 IPSW 固件进行刷机。虽然 Beta 版本主要面向开发者，但出现这种严重的问题仍然让人意外。

01

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

本文将探讨涉及 SwiftUI TextField 的事件、焦点切换、键盘设置等相关的经验、技巧和注意事项。

01

从用SwiftUI搭建项目说起

后续这个SwiftUI分类的文章全部都是针对SwiftUI的日常学习和理解写的，自己利用Swift写的第二个项目也顺利上线后续的需求也不是特着急，最近正好有空就利用这段时间补一下自己对SwiftUI的理解，这个过程当中正好把整个学习过程记录下来，方便自己查阅，也希望能给需要的同学一点点的帮助。由于自己还欠着RxSwift的帐，这次也是想着先放弃别的账务（欠的的确挺多的）先全心全意的把这两块的帐给补补，希望补上这笔账之后自己对Swift的理解也能上一个台阶，对Siwft的理解自认为还是感觉欠缺的，不算是真的深入的掌握，我对SwiftUI也是在学习当中，现在能查阅的关于SwiftUI的资料很多是需要收费的，遇到问题只能想办法努力解决，有写的不钟意的地方，希望多加指正！

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭