AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 78610589
Accepted
Swift
Swift
Asked: 2024-06-12 12:08:03 +0800 CST2024-06-12 12:08:03 +0800 CST 2024-06-12 12:08:03 +0800 CST

Como mostrar a visualização pop-up ao clicar no botão da lista no SwiftUI

  • 772

Eu tenho a visualização principal chamada TaskManagementView com lista aqui, se eu clicar em taskCell > RoundedRectanglecomo mostrar o PopupView para essa célula data.idno TaskManagementView

assim eu preciso:

insira a descrição da imagem aqui

código: com este código se eu tocar em taskCell > RoundedRectanglePopupView aparecendo ao lado de todas as células. como consertar e conseguir o/p como na tela acima

struct TaskManagementView: View {

@Environment(\.dismiss) var dismiss
@StateObject private var viewModel = TaskManagementViewModel()
@State private var isComposeViewShown = false
var body: some View {
    ZStack {
        VStack(spacing: 0) {
            
            VStack {
                
                List {
                    ForEach(0..<viewModel.arrData.count, id: \.self) { i in
                        let data = viewModel.arrData[i]
                        Section {
                            if data.isExpanded {
                                ForEach(0..<data.items.count, id: \.self) { j in
                                    taskCell(data: data.items[j])
                                        .onTapGesture {
                                            gotoTaskDetails = true
                                        }
                                }
                            }
                        }
                    }
                }
            }
        }
        .onAppear {
            viewModel.fetchTasks(filterId: selectedFilterId) { status in
            }
        }
    }
}

@ViewBuilder func taskCell(data: TaskManagementData) -> some View {
    HStack(spacing: 16) {
        
        RoundedRectangle(cornerRadius: 2)
            .frame(width: 12, height: 12)
            .foregroundStyle(Color.orange)
            .onTapGesture {
                print("testing data id... \(data.id)")
                isComposeViewShown.toggle()
            }
        if isComposeViewShown {
            PopupView(isComposeViewShown: $isComposeViewShown)
        }
        VStack(alignment: .leading, spacing: 2) {
            Text(data.taskTitle ?? "")
                .lineLimit(1)
            
        }
    }
}
}



struct PopupView: View {
@Binding var isComposeViewShown: Bool

var body: some View {
    ZStack {
        Color.black.opacity(0.5)
            .edgesIgnoringSafeArea(.all)
            .onTapGesture {
                isComposeViewShown = false
            }
        //some other code of popup design
            .padding(.bottom, 150)
    }
}
}

mau o/p do código acima: por que PopupView aparece dentro da célula? eu preciso do PopupView no TaskManagementView

insira a descrição da imagem aqui

swift
  • 1 1 respostas
  • 22 Views

1 respostas

  • Voted
  1. Best Answer
    Stoic
    2024-06-12T12:20:46+08:002024-06-12T12:20:46+08:00
    1. Você está colocando seu pop-up dentro do taskCellsignificado que ele será mostrado para todos taskCellna tela

    2. Você está colocando seu pop-up de HStackforma que ele seja exibido horizontalmente alinhado com o restante do seu taskCellconteúdo.

    Para corrigir isso, coloque o pop-up sobre sua visualização usando umZStack

    ZStack {
        VStack(spacing: 0) {                
            List {
                ForEach(0..<viewModel.arrData.count, id: \.self) { i in
                    ...
                }
            }
        }
        .onAppear {
            ...
        }
    
        if isComposeViewShown {
            PopupView(isComposeViewShown: $isComposeViewShown)
        }
    }
    

    Por favor, veja como usar visualizações de pilha no SwiftUI ,

    • 1

relate perguntas

  • IOS (simulador) --> Local Vapor POST Image/png: Abort.413: Payload Too Large

  • Redimensione a imagem antes de salvar no Core Data

  • Como lidar com dois manipuladores de conclusão em uma função swift

  • Por que um dicionário de chave e valores codificáveis ​​não é codificável?

  • Existe uma maneira de incorporar um assertionFailure em '?' expressão

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle?

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Quando devo usar um std::inplace_vector em vez de um std::vector?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Marko Smith

    Estou tentando fazer o jogo pacman usando apenas o módulo Turtle Random e Math

    • 1 respostas
  • Martin Hope
    Aleksandr Dubinsky Por que a correspondência de padrões com o switch no InetAddress falha com 'não cobre todos os valores de entrada possíveis'? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer Quando devo usar um std::inplace_vector em vez de um std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB Por que o GCC gera código que executa condicionalmente uma implementação SIMD? 2024-02-17 06:17:14 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve