SwiftUI-Introspect 库中实现下拉刷新功能的最佳实践
前言
在 SwiftUI 开发中,有时我们需要访问底层 UIKit 组件来实现更复杂的功能。SwiftUI-Introspect 库正是为解决这一问题而生,它允许开发者"内省"SwiftUI 视图背后的 UIKit 或 AppKit 组件。本文将重点介绍如何使用最新版本的 SwiftUI-Introspect 实现下拉刷新功能。
下拉刷新的实现方案
在旧版本中,开发者可能会使用 Introspect.findAncestor
方法来访问底层视图。但在新版本中,API 已经发生了变化,变得更加简洁和类型安全。
基础实现
最简单的下拉刷新实现如下:
List {
// 列表内容
}
.introspect(.list, on: .iOS(.v16...)) { collectionView in
collectionView.refreshControl = UIRefreshControl()
}
多版本兼容方案
由于 iOS 16 之前 List 使用的是 UITableView,而之后使用的是 UICollectionView,我们需要为不同版本提供不同的实现:
List {
// 列表内容
}
.introspect(.list, on: .iOS(.v13, .v14, .v15)) { tableView in
tableView.refreshControl = UIRefreshControl()
}
.introspect(.list, on: .iOS(.v16...)) { collectionView in
collectionView.refreshControl = UIRefreshControl()
}
封装高级下拉刷新组件
为了更好的复用性,我们可以将下拉刷新功能封装成一个 View 扩展:
extension View {
public func pullToRefresh(onRefresh: @escaping () -> Void) -> some View {
introspect(.list, on: .iOS(.v13...)) { scrollView in
guard scrollView.refreshControl == nil else { return }
let refreshControl = UIRefreshControl()
let handler = RefreshHandler {
onRefresh()
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
refreshControl.endRefreshing()
}
}
refreshControl.addTarget(
handler,
action: #selector(RefreshHandler.handleRefresh),
for: .valueChanged
)
objc_setAssociatedObject(
scrollView,
&RefreshHandlerKey,
handler,
.OBJC_ASSOCIATION_RETAIN_NONATOMIC
)
scrollView.refreshControl = refreshControl
}
}
}
private var RefreshHandlerKey: UInt8 = 0
private class RefreshHandler: NSObject {
let onRefresh: () -> Void
init(onRefresh: @escaping () -> Void) {
self.onRefresh = onRefresh
}
@objc func handleRefresh() {
onRefresh()
}
}
使用方式
封装后,使用起来非常简单:
List {
// 列表内容
}
.pullToRefresh {
// 刷新逻辑
}
技术要点解析
-
版本适配:通过
.introspect(.list, on: .iOS(.v13...))
可以适配多个 iOS 版本,...
表示从指定版本开始的所有后续版本。 -
关联对象:使用
objc_setAssociatedObject
将 handler 与 scrollView 关联,防止 handler 被提前释放。 -
刷新控制:
UIRefreshControl
是 UIKit 提供的标准下拉刷新组件,我们通过将其添加到 scrollView 的refreshControl
属性来实现功能。 -
线程安全:在主线程异步结束刷新动画,确保 UI 流畅。
注意事项
-
确保只在需要的时候创建
UIRefreshControl
,通过检查refreshControl == nil
避免重复添加。 -
不同 iOS 版本底层实现可能不同,需要做好测试。
-
刷新完成后记得调用
endRefreshing()
方法,否则刷新动画会一直显示。
总结
通过 SwiftUI-Introspect 库,我们可以轻松访问 SwiftUI 组件背后的 UIKit 实现,从而扩展 SwiftUI 的功能。本文介绍的下拉刷新实现方案既考虑了代码复用性,又兼顾了不同 iOS 版本的兼容性,是实际项目中值得采用的解决方案。
对于更复杂的需求,开发者可以基于这个方案进行扩展,例如添加自定义的刷新动画、支持刷新状态的回调等。SwiftUI-Introspect 为我们打开了 SwiftUI 与 UIKit 之间的桥梁,让开发者能够在不放弃 SwiftUI 便利性的同时,获得 UIKit 的强大功能。
cherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端TypeScript037RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统Vue0406arkanalyzer
方舟分析器:面向ArkTS语言的静态程序分析框架TypeScript040GitCode百大开源项目
GitCode百大计划旨在表彰GitCode平台上积极推动项目社区化,拥有广泛影响力的G-Star项目,入选项目不仅代表了GitCode开源生态的蓬勃发展,也反映了当下开源行业的发展趋势。02CS-Books
🔥🔥超过1000本的计算机经典书籍、个人笔记资料以及本人在各平台发表文章中所涉及的资源等。书籍资源包括C/C++、Java、Python、Go语言、数据结构与算法、操作系统、后端架构、计算机系统知识、数据库、计算机网络、设计模式、前端、汇编以及校招社招各种面经~05openGauss-server
openGauss kernel ~ openGauss is an open source relational database management systemC++0145
热门内容推荐
最新内容推荐
项目优选









