You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何阻止用户拖拽调整SwiftUI Sheet的大小?

禁用SwiftUI Sheet的拖拽调整大小功能

我的目标是禁用用户通过拖拽调整Sheet大小的功能,目前尝试了以下方法但均未达到预期:

  • 使用interactiveDismissDisabled(true):仅能阻止Sheet被关闭,无法禁止拖拽调整大小;
  • 使用disabled(true):仅能阻止与Sheet内容的交互,但仍可拖拽调整Sheet大小;
  • 动态切换presentationDetents数组(根据视图模型状态返回[.large]或[.half, .large]):切换时无平滑动画,更像是视图切换而非过渡效果。

相关代码:

.sheet(isPresented: $isPresented) {
    VisualCueLocationV2View(
        currentStationViewModel: currentStationViewModel,
        isPotrait: $isPotrait,
        selectedDetent: $selectedDetent
    )
    .presentationDetents([.half, .large], selection: $selectedDetent)
    .presentationCornerRadius(12)
    .presentationDragIndicator(.hidden)
    .interactiveDismissDisabled(true)
    .presentationBackgroundInteraction(.enabled(upThrough: .half))
}

解决方案

1. 固定单个Detent(完全禁止拖拽调整)

若Sheet只需保持固定大小,直接将presentationDetents设置为单个可选值即可。此时用户无其他尺寸可选,自然无法拖拽调整:

.sheet(isPresented: $isPresented) {
    VisualCueLocationV2View(
        currentStationViewModel: currentStationViewModel,
        isPotrait: $isPotrait,
        selectedDetent: $selectedDetent
    )
    .presentationDetents([.large]) // 仅保留一个固定尺寸
    .presentationCornerRadius(12)
    .presentationDragIndicator(.hidden)
    .interactiveDismissDisabled(true)
}

2. 动态切换Detent并保留平滑动画

若需根据状态动态切换Sheet尺寸且保持过渡动画,不要直接在presentationDetents中写条件判断,而是通过@State变量存储Detent集合,并用withAnimation包裹状态更新逻辑:

步骤1:定义状态变量

@State private var sheetDetents: Set<PresentationDetent> = [.half, .large]
@State private var selectedDetent: PresentationDetent = .half

步骤2:监听状态变化并更新

.onChange(of: currentStationViewModel.state) { newState in
    withAnimation {
        if newState == .ARRIVED {
            sheetDetents = [.large]
            selectedDetent = .large
        } else {
            sheetDetents = [.half, .large]
            selectedDetent = .half
        }
    }
}

步骤3:在Sheet中使用状态变量

.sheet(isPresented: $isPresented) {
    VisualCueLocationV2View(
        currentStationViewModel: currentStationViewModel,
        isPotrait: $isPotrait,
        selectedDetent: $selectedDetent
    )
    .presentationDetents(sheetDetents, selection: $selectedDetent)
    .presentationCornerRadius(12)
    .presentationDragIndicator(.hidden)
    .interactiveDismissDisabled(true)
    .presentationBackgroundInteraction(.enabled(upThrough: .half))
}

3. 禁止用户手动拖拽切换(保留多Detent,仅代码控制)

若需保留多个可选Detent,但仅允许代码控制切换、禁止用户拖拽调整,可通过添加高优先级拖拽手势拦截系统默认的Sheet拖拽操作:

.sheet(isPresented: $isPresented) {
    VisualCueLocationV2View(
        currentStationViewModel: currentStationViewModel,
        isPotrait: $isPotrait,
        selectedDetent: $selectedDetent
    )
    .highPriorityGesture(DragGesture()) // 拦截系统拖拽手势
    .presentationDetents([.half, .large], selection: $selectedDetent)
    .presentationCornerRadius(12)
    .presentationDragIndicator(.hidden)
    .interactiveDismissDisabled(true)
    .presentationBackgroundInteraction(.enabled(upThrough: .half))
}

内容的提问来源于stack exchange,提问作者Jason Rich Darmawan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 17:16:08