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
相关产品推荐
相关产品推荐

