ios - 输入 Int 的 iOS SwiftUI TextField 缺少占位符

Question

我想要我的 iOS SwiftUI TextField显示占位符“输入一个整数:”，但 TextField 显示 0(var 值的值)。当用户删除 0 时，占位符“输入一个整数:”确实会出现。如何让占位符“输入一个整数:”出现而不让用户先删除 0？先感谢您。 macOS Catalina 10.15.6 上的 Xcode 11.6。

struct ContentView: View {
    @State private var value: Int = 0;
    @State private var text: String = "";
    
    var body: some View {
        VStack {
            TextField(
                "Enter an integer:",
                value: $value,
                formatter: NumberFormatter(),
                onCommit: {self.text = "The product is \(2 * self.value).";}
            )
            .keyboardType(.numbersAndPunctuation)
            .textFieldStyle(RoundedBorderTextFieldStyle())
            
            Text(text)
        }
        .padding([.leading, .trailing], 16)
    }
}

Answer 1

要给占位符格式化TextField，我们需要使用可选的值持有者。

这是一个固定的变体

struct ContentView: View {
    @State private var value: Int?
    @State private var text: String = ""

    var body: some View {
        VStack {
            TextField(
                "Enter an integer:",
                value: $value,
                formatter: NumberFormatter(),
                onCommit: {self.text = "The product is \(2 * (self.value ?? 0)).";}
            )
            .keyboardType(.numbersAndPunctuation)
            .textFieldStyle(RoundedBorderTextFieldStyle())

            Text(text)
        }
        .padding([.leading, .trailing], 16)
    }
}