SOLVED: Unable to force a textfield to be lower case

@flaneur7508

Jan '23

I have the following textfield but when I enter the token the first character is always uppercase even though i've specified the lowercase modifier. Any ideas?

    @State private var token: String = "xyz"
    ...
    ...

                 Section {
                        TextField("Token", text: $token)
                            .textCase(.lowercase)
                            .foregroundColor(.black)
                            .font(.headline)
                            .textFieldStyle(OvalTextFieldStyle())
                    } header: {
                        Text("Your Personal Token")
                            .font(.headline)
                    }

1

@flaneur7508

Jan '23

I think the solution may more be related to the keyboard modifiers. The shift key is ON by default. I want it to be OFF but I can't see how thats done.

1

@roosterboy HWS+

Jan '23

Autocapitalization is usually due to a device setting. I would check the settings for your simulator.

You can also use the autocapitalization(_:) modifier. (That modifier was deprecated in favor of textInputAutocapitalization(_:) with iOS 15).

1

@Hatsushira HWS+

Jan '23

Does this help?

https://developer.apple.com/documentation/swiftui/presentedwindowcontent/autocorrectiondisabled(_:)

1

@flaneur7508

Jan '23

Thank you. SOLVED:

                            .textInputAutocapitalization(.never)

1

@NigelGee HWS+

Jan '23

@roosterboy is correct and while this would take away the first cap letter in the text field do not guarantee that the user do not use the shift button and you would end up with caps in the token

It might good idea to ensure that the string is in the format that you want.

struct ContentView: View {
    @State private var token: String = ""

    var lowercasedToken: String {
        token.lowercased()
    }

    var uppercasedToken: String {
        token.uppercased()
    }

    var capitalizedToken: String {
        token.capitalized
    }

    var body: some View {
        VStack(alignment: .leading, spacing: 30) {

            TextField("Token", text: $token)
                .textFieldStyle(.roundedBorder)
                .textInputAutocapitalization(.never)

            Text("Result lowercase: \(lowercasedToken)")

            Text("Result uppercase: \(uppercasedToken)")

            Text("Result capitalized: \(capitalizedToken)")

        }
        .padding()
    }
}

1

Archived topic