SwiftUI中点击底部HStack无法唤起MusicView弹窗的问题求助

你代码里的核心问题在于：

1. 第一种写法错误地将sheet放在onTapGesture的动作闭包里——sheet是View修饰符，不能在动作逻辑中调用，必须直接附加到View上。
2. 第二种写法虽然把sheet正确绑定到了HStack，但缺少触发弹窗的状态切换逻辑：没有给HStack添加点击手势来将isShowingItemSheet设为true，所以点击操作根本不会触发弹窗。

修复后的完整代码 #

@State private var isShowingItemSheet = false
var body: some View {
    NavigationStack {
        HStack(alignment: .center) {
            MusicSingleListView(song: library[0].song, 
                                artist: library[0].artist, 
                                artwork: library[0].artwork)
            Spacer()
            Button {
                // 播放/暂停歌曲逻辑
            } label: {
                Image(systemName: "play.fill")
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 25)
            }
            // 可选：如果希望点击按钮时也触发弹窗，移除下面这行；反之保留，让按钮只响应播放逻辑
            .allowsHitTesting(false)
        }
        .padding(.horizontal, 30)
        .onTapGesture {
            isShowingItemSheet = true // 关键：点击时切换弹窗显示状态
        }
        .sheet(isPresented: $isShowingItemSheet) {
            MusicView(musicInfo: library[0])
        }
    }
}

关键细节说明 #

• sheet修饰符必须直接附加到目标View上，通过$isShowingItemSheet绑定状态变量来控制弹窗的显示/隐藏。
• onTapGesture的闭包里必须明确执行isShowingItemSheet = true，这是触发弹窗的核心动作。
• 关于HStack内的播放按钮：
  • 若希望点击按钮时同时触发弹窗和播放逻辑，移除.allowsHitTesting(false)，并在按钮的闭包里添加isShowingItemSheet = true。
  • 若希望按钮只执行播放逻辑，不触发弹窗，保留.allowsHitTesting(false)，让按钮拦截自身区域的点击事件，不传递给HStack。

后续建议使用@Binding或ObservableObject来管理全局播放状态，这样可以动态同步当前播放的音乐信息，避免固定使用library[0]的硬编码写法。

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