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

问题描述

我希望我的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)
    }
}

解决方法

要为占位符提供格式为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)
    }
}