在 SwiftUI 中按下按钮时更改字符串的文本

Question

我试图弄清楚如何在 SwiftUI 中按下按钮时更改字符串的文本。

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
           let title = Text("Button Not Clicked")
                .font(.title)
                .fontWeight(.heavy)
                .foregroundColor(.red)
                .padding()
                .frame(height: 0.0)
        }
        
        Button(action: {
            title.text = "Button Clicked!"
        }) {
            Text("Click Here")
        }
    }
    
    
}

到目前为止，我尝试使用 'title.text = (string)' 更改字符串，但这不起作用。有什么想法吗？

Answer 1

您可以在 ContentView 上将其声明为 @State var buttonTitle: String = "Button Not Clicked"，而不是在 body 属性中声明字符串。然后你只需要把buttonTitle = "Button Clicked" 放在你的action 闭包中。

import SwiftUI

struct ContentView: View {
    @State var buttonTitle: String = "Button Not Clicked"
    var body: some View {
        VStack {
           Text(buttonTitle)
                .font(.title)
                .fontWeight(.heavy)
                .foregroundColor(.red)
                .padding()
                .frame(height: 0.0)

            Button(action: {
                buttonTitle = "Button Clicked!"
            }) {
                Text("Click Here")
            }
        }
        

    }
    
    
}

UIKit 的方法是尝试访问标签并更改其字符串，但在 SwiftUI 中，您的 body 属性将在每次 View 更新时有效地重新计算。

显示多个字符串存储在字典中的附加示例：

struct ContentView: View {
    @State var labels: [String : String] = [
        "header" : "This Is the header!",
        "donger" : "",
        "footer" : "Here's the footer."
        
    ]
    
    var body: some View {
        VStack {
            Text(labels["header"]!)
            Text(labels["donger"]!)
            Text(labels["footer"]!)
            
            Spacer()
            
            Button("Update") {
                updateDonger()
            }
        }
    }
    
    func updateDonger() {
        labels["donger"] = #"╰( ͡° ͜ʖ ͡° )つ──☆*:・ﾟ"#
    }
}