主页 / coding / 问题 / 78828707
Accepted
Duck
Asked: 2024-08-03 20:52:37 +0800 CST

无论如何，弹出窗口都不会显示

  • 772

我有这个代码：

import SwiftUI

struct ContentView: View {
  @State var show = false
  
  var tools = [Tool("document.on.document"), Tool("document.on.clipboard")]
  
  var body: some View {
    HStack{
      HStack {
        ForEach(tools,  id:\.id) { tool in
          Button(action: {
            print("toggle")
            show.toggle()
          }, label: {
            Image(systemName:tool.name)
              .imageScale(.large)
              .foregroundStyle(.black.gradient)
              .font(.system(size: 30))
          })
          .contentShape(Rectangle())
          .popover(isPresented: $show, arrowEdge: .top) {
            Color.red
              .frame(width:400, height:400)
              .onAppear{
                print("popover show")
              }
          }
        }

        
      }

      .padding()
    }
    .background(
      RoundedRectangle(cornerSize: CGSize(width: 50,height: 50))
        .fill(.red.opacity(0.5).gradient))
    
    .padding()
    
    
  }
}

#Preview {
  ContentView()
}

struct Tool: Identifiable, Equatable {
  let id = UUID()
  let name:String
  
  init(_ name: String) {
    self.name = name
  }
}

弹出窗口没有显示。我做了所有事情。

这是为什么？

swiftui

1 个回答

  1. Best Answer

    您正在使用单一show状态来控制所有弹出窗口！无法同时显示多个弹出窗口，因此不会显示任何内容。

    从技术上讲，可以将 的类型更改show为 并将[Bool]等传递给，$show[0]但查找 的索引等会相当不方便。$show[1]isPresentedtool

    如果父视图不需要确切知道显示哪些弹出窗口，则应将按钮提取到单独的视图中，并将状态放在show那里。

    struct ToolButton: View {
    // move the @State here
    @State private var show = false
    let tool: Tool

    // pass anything else you need here...
    
    var body: some View {
        Button(action: {
            print("toggle")
            show.toggle()
        }, label: {
            Image(systemName: tool.name)
                .imageScale(.large)
                .foregroundStyle(.black.gradient)
                .font(.system(size: 30))
        })
        .contentShape(Rectangle())
        .popover(isPresented: $show, arrowEdge: .top) {
            Color.red
                .frame(width:400, height:400)
                .presentationCompactAdaptation(.popover) // if you also want a popover on iPhones
                .onAppear{
                    print("popover show")
                }
        }
    }
}

    由于@State位于 中ToolButton，因此 的状态数将与 一样多ToolButton，这意味着每个弹出框由一个状态控制。

    ForEach(tools) { tool in
    ToolButton(tool: tool)
}
    • 2

相关问题