Início / coding / Perguntas / 78828707
Accepted
Duck
Asked: 2024-08-03 20:52:37 +0800 CST

Popover não aparece, não importa o que aconteça

  • 772

Eu tenho este código:

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
  }
}

o popover não aparece. Eu fiz tudo.

Por que é que?

swiftui

1 respostas

  1. Best Answer

    Você está usando um único showestado para controlar todos os popovers! Vários popovers não podem ser mostrados ao mesmo tempo, portanto, as anotações são mostradas.

    É tecnicamente possível alterar o tipo de showto [Bool]e pass $show[0], $show[1]etc to isPresented, mas seria bastante inconveniente encontrar o índice de the toole coisas assim.

    Se a visualização pai não precisar saber exatamente quais popovers são mostrados, você deverá extrair o botão em uma visualização separada e colocar o showestado lá.

    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")
                }
        }
    }
}

    Como @Stateestá em ToolButton, haverá tantos estados quantos ToolButton, o que significa um estado para controlar cada popover.

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

relate perguntas