如何阻止用户拖拽调整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
相关产品推荐
相关产品推荐

