将数据从枚举传递到在ForEach循环中触发的sheet中。

我在我的VStack里有一个ForEach循环,这样我的枚举中的每一个元素都会创建一个新的 “cell”。这样做就很好。我可以为每个单元格传递标题和数字,但是在每个单元格中都有一个按钮,它可以切换一个工作表视图。每个工作表应该在滚动视图中包含相应的文本。因此,文本也在枚举中给出。

问题:但是当我试图通过元素.infoText为每个工作表传递infoText时,枚举中第一个元素的infoText被呈现出来。

ForEach循环。

struct ListView: View{

@State var infoSheetIsPresented: Bool = false

var body: some View{

    VStack {
        ForEach(WelcomeCardViewContent.allCases, id: \.self) {
        element in
            HStack {

                Text(element.text)

                Button(action: {
                        self.infoSheetIsPresented.toggle()
                    }) {
                        Image(systemName: "info.circle")
                    }
                    .sheet(isPresented: self.$infoSheetIsPresented) {
                        Text(element.infoText)
                    }
            }
        }
    }
}
}

这就是我的枚举 当然还有InfoSheetView,但就像我说的,它基本上只是一个带有文本的滚动视图。文本通过一个简单的 “text “常量来传递。为了简单起见,我用一个简单的文本视图替换了单独的表视图-> 同样的问题。

enum WelcomeCardViewContent: String, CaseIterable{

case personalData
case bodyParameters

var text: String {
    switch self{
    case .personalData:
        return "Personal Data"
    case .bodyParameters:
        return "Body Parameters"
    }
}

var infoText: String {
    switch self{
    case .personalData:
        return "1 Lorem ipsum dolor.."
    case .bodyParameters:
        return "2 Lorem ipsum dolor sit amet."
    }
}
}

谢谢你的建议^^。

解决方案:

由于你失去了对当前卡片的跟踪,我通过保存将要显示的卡片来解决这个问题。现在文本显示正确了。

这里是修复后的版本。

struct ListView: View {

    @State private var infoSheetIsPresented: Bool = false
    @State private var showingCard: WelcomeCardViewContent = .personalData

    var body: some View {
        ForEach(WelcomeCardViewContent.allCases, id: \.self) { element in
            HStack {
                Text(element.text)

                Button(action: {
                    self.showingCard = element
                    self.infoSheetIsPresented.toggle()
                }) {
                    Image(systemName: "info.circle")
                }
                .sheet(isPresented: self.$infoSheetIsPresented) {
                    Text(self.showingCard.infoText)
                }
            }
        }
    }
}

给TA打赏
共{{data.count}}人
人已打赏
解决方案

如果用于认证的JWT令牌保存在HTTP-Only cookie中,你如何从cookie中读取它,以便我可以在请求头中包含它?

2022-4-21 21:00:17

解决方案

在Matplotlib中,如何将3D图作为插图包含进去?

2022-4-21 22:00:09

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索