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

SwiftUI视图含Sheet且禁用关闭后,返回按钮无法访问问题求助

解决Sheet禁用关闭后返回按钮无法访问的问题

你的问题根源在于两个设置的冲突:

  • Sheet内容使用了ignoresSafeArea(.all),导致它完全覆盖了顶部导航栏区域,包括返回按钮所在的安全区
  • 同时开启了interactiveDismissDisabled(true),禁用了滑动关闭Sheet的操作,用户无法通过滑动来露出被覆盖的返回按钮

以下是两种可行的解决方案:

方案一:保留Sheet顶部安全区

修改Sheet内部的ignoresSafeArea参数,仅忽略底部、左右侧的安全区域,让顶部导航栏的返回按钮保持可见可交互:

import SwiftUI

struct PackDetailView: View {
    @State private var isShowingSheet = true
    var playlist: PlaylistModel

    var body: some View {
        Image(playlist.images)
            .resizable()
            .aspectRatio(contentMode: .fill)
            .ignoresSafeArea(.all)
                    
        .sheet(isPresented: $isShowingSheet) {
            ZStack {
                Color.primaryApp.ignoresSafeArea(.all, edges: [.bottom, .leading, .trailing])
                
                Text("\(playlist.title)")
            }
            .presentationDetents([.height(250), .height(720)])
            .presentationDragIndicator(.visible)
            .interactiveDismissDisabled(true)       
        }
    }
}

方案二:添加自定义关闭按钮

如果需要Sheet完全覆盖屏幕,可以在Sheet内部添加自定义关闭按钮,手动控制Sheet的显示状态,让用户无需依赖返回按钮或滑动操作:

import SwiftUI

struct PackDetailView: View {
    @State private var isShowingSheet = true
    var playlist: PlaylistModel

    var body: some View {
        Image(playlist.images)
            .resizable()
            .aspectRatio(contentMode: .fill)
            .ignoresSafeArea(.all)
                    
        .sheet(isPresented: $isShowingSheet) {
            ZStack {
                Color.primaryApp.ignoresSafeArea(.all)
                
                VStack {
                    HStack {
                        Spacer()
                        Button("关闭") {
                            isShowingSheet = false
                        }
                        .padding()
                        .foregroundColor(.white)
                    }
                    Spacer()
                    Text("\(playlist.title)")
                        .foregroundColor(.white)
                    Spacer()
                }
            }
            .presentationDetents([.height(250), .height(720)])
            .presentationDragIndicator(.visible)
            .interactiveDismissDisabled(true)       
        }
    }
}

内容的提问来源于stack exchange,提问作者Chris

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.02 04:05:36