更新 ListView SwiftUI

Question

我有一个视图，其中包含一个列表视图和一个按钮。按下按钮时，将向数组添加一个新项目。列表视图显示该数组中的所有项目。但是如果我按下按钮，列表视图不会显示数组中的更改。

这是我的代码：

import SwiftUI

var myArray = ["Harald", "Jürgen", "Günter"]

struct ContentView: View {
    var body: some View {
        HStack{
            List(myArray, id: \.self) {
                Name in
                Text(Name)
            }
            Button(action: {
                myArray.append("Harald")
                print(myArray)
            }, label: {
                Text("Button")
            })
        }
    }
}

我现在的问题是我该怎么做，我的列表视图也会显示新项目/更改。谢谢，Boothosh

Answer 1

myArray 需要是一个@State，并且需要在 ContentView 中。我建议您阅读和观看一些 SwiftUI 教程。

struct ContentView: View {
    @State var myArray = ["Harald", "Jürgen", "Günter"]
    var body: some View {
        HStack{
            List(myArray, id: \.self) {
                Name in
                Text(Name)
            }
            Button(action: {
                myArray.append("Harald")
                print(myArray)
            }, label: {
                Text("Button")
            })
        }
    }
}

更新 ListView SwiftUI

Update an ListView SwiftUI

swiftui

swiftui-list