iOS的grabber拖拽手柄是否属于标准UIKit/SwiftUI组件？

是否为标准系统组件 #

iOS 没有提供可在 Interface Builder 中直接拖拽使用的独立 grabber 可视化组件，它是底部弹窗（sheet）的内置附属元素，系统提供的调用方式如下：

• UIKit（iOS 15 及以上版本支持）：通过 UISheetPresentationController 的 prefersGrabberVisible 属性设置为 true 即可直接显示系统自带的 grabber，无需单独创建组件
• SwiftUI（iOS 16 及以上版本支持）：给底部弹窗配置 .presentationDetents 声明支持的高度后，添加 .presentationDragIndicator(.visible) 修饰符即可调出系统原生 grabber

自定义 grabber 组件实现方法 #

如果需要适配更低系统版本，或者有自定义样式需求，可以通过 UIView 快速构建符合系统设计规范的 grabber：

UIKit 实现示例 #

// 初始化grabber视图
let grabber = UIView()
grabber.translatesAutoresizingMaskIntoConstraints = false
// 系统默认样式参数：宽36pt、高5pt、全圆角、半透明灰色
grabber.backgroundColor = .systemGray3
grabber.layer.cornerRadius = 2.5
grabber.clipsToBounds = true

// 添加到弹窗容器的顶部居中位置
sheetContainer.addSubview(grabber)
NSLayoutConstraint.activate([
    grabber.widthAnchor.constraint(equalToConstant: 36),
    grabber.heightAnchor.constraint(equalToConstant: 5),
    grabber.topAnchor.constraint(equalTo: sheetContainer.topAnchor, constant: 8),
    grabber.centerXAnchor.constraint(equalTo: sheetContainer.centerXAnchor)
])

你也可以根据需求调整宽高、圆角、颜色参数，实现自定义样式。

SwiftUI 实现示例 #

如果是SwiftUI项目，自定义grabber的代码更简洁：

struct GrabberView: View {
    var body: some View {
        RoundedRectangle(cornerRadius: 2.5)
            .fill(Color(uiColor: .systemGray3))
            .frame(width: 36, height: 5)
            .padding(.top, 8)
    }
}

使用时直接放置在自定义底部弹窗的顶部即可。

内容的提问来源于stack exchange，提问作者pkamb