How to make a clear button appear in a textfield
Swift version: 5.6
If you want to let users clear their entry on a UITextField, the standard approach is to add a clear button to the right edge of the text field. This can be done in two ways, depending on what effect you want:
textField.clearButtonMode = .always
textField.clearButtonMode = .whileEditingThe first will always show the clear button, and the second will only show it while the user is editing the text.
SPONSORED Build a functional Twitter clone using APIs and SwiftUI with Stream's 7-part tutorial series. In just four days, learn how to create your own Twitter using Stream Chat, Algolia, 100ms, Mux, and RevenueCat.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Available from iOS 2.0
Similar solutions…
- How to customize the submit button for TextField, SecureField, and TextEditor
- How to make a TextField expand vertically as the user types
- How to make a TextField or TextEditor have default focus
- How to make TextField uppercase or lowercase using textCase()
- How to make a button glow when tapped with showsTouchWhenHighlighted
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
