AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • 主页
  • 系统&网络
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / coding / 问题 / 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

如何在 SwiftUI 中单击列表按钮时显示弹出视图

  • 772

我有一个主视图,名为 TaskManagementView,其中有列表,如果我单击,taskCell > RoundedRectangle则如何data.id在 TaskManagementView 上显示该单元格的 PopupView

像这样我需要:

在此处输入图片描述

代码:使用此代码,如果我点击,taskCell > RoundedRectangle则 PopupView 会显示在所有单元格的侧面。如何修复并实现像上面屏幕那样的 o/p

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

上述代码的 o/p 不好:为什么 PopupView 显示在单元格内?我需要 TaskManagementView 上的 PopupView

在此处输入图片描述

swift
  • 1 1 个回答
  • 22 Views

1 个回答

  • Voted
  1. Best Answer
    Stoic
    2024-06-12T12:20:46+08:002024-06-12T12:20:46+08:00
    1. 你把弹出窗口放在里面taskCell意味着它将显示在taskCell屏幕上的每一个

    2. 您将弹出窗口放置在一个HStack含义上,它将与其余taskCell内容一起水平显示。

    要解决此问题,请使用ZStack

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

    请参阅如何在 SwiftUI 中使用堆栈视图,

    • 1

相关问题

  • IOS(模拟器)--> 本地 Vapor POST Image/png:Abort.413:有效负载太大

  • 在保存到 Core Data 之前调整图像大小

  • 如何在一个函数中快速处理两个完成处理程序

  • 为什么可编码键和值的字典本身不可编码?

  • 有没有办法将assertionFailure嵌入到'??'中 表达

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    Vue 3:创建时出错“预期标识符但发现‘导入’”[重复]

    • 1 个回答
  • Marko Smith

    为什么这个简单而小的 Java 代码在所有 Graal JVM 上的运行速度都快 30 倍,但在任何 Oracle JVM 上却不行?

    • 1 个回答
  • Marko Smith

    具有指定基础类型但没有枚举器的“枚举类”的用途是什么?

    • 1 个回答
  • Marko Smith

    如何修复未手动导入的模块的 MODULE_NOT_FOUND 错误?

    • 6 个回答
  • Marko Smith

    `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它?

    • 3 个回答
  • Marko Smith

    何时应使用 std::inplace_vector 而不是 std::vector?

    • 3 个回答
  • Marko Smith

    在 C++ 中,一个不执行任何操作的空程序需要 204KB 的堆,但在 C 中则不需要

    • 1 个回答
  • Marko Smith

    PowerBI 目前与 BigQuery 不兼容:Simba 驱动程序与 Windows 更新有关

    • 2 个回答
  • Marko Smith

    AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String”

    • 1 个回答
  • Marko Smith

    我正在尝试仅使用海龟随机和数学模块来制作吃豆人游戏

    • 1 个回答
  • Martin Hope
    Aleksandr Dubinsky 为什么 InetAddress 上的 switch 模式匹配会失败,并出现“未涵盖所有可能的输入值”? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge 为什么这个简单而小的 Java 代码在所有 Graal JVM 上的运行速度都快 30 倍,但在任何 Oracle JVM 上却不行? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini 具有指定基础类型但没有枚举器的“枚举类”的用途是什么? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer 何时应使用 std::inplace_vector 而不是 std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller 在 5.2 版中,bash 条件语句中的 [[ .. ]] 中的分号现在是可选的吗? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench 为什么双破折号 (--) 会导致此 MariaDB 子句评估为 true? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng 为什么 `dict(id=1, **{'id': 2})` 有时会引发 `KeyError: 'id'` 而不是 TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String” 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB 为什么 GCC 生成有条件执行 SIMD 实现的代码? 2024-02-17 06:17:14 +0800 CST

热门标签

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

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve