Set UITextField Keyboard Return Key as Done button And Dismiss Keyboard

In this short Swift code example we will learn how to create UITextField in Swift programmatically as well as how to set Keyboard return button as Done button and how to handle Done button to dismiss keyboard.

  • Create UITextField of specific height and width
  • Position UITextField at the centre of the view
  • Set UITextField backgroundColor
  • Set UITextField returnKeyType as Done button
  • Handle Keyboard Done button to dismiss keyboard
  
import UIKit

class ViewController: UIViewController, UITextFieldDelegate  {

override func viewDidLoad() {
    super.viewDidLoad()
}

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    
    let textField = UITextField(frame: CGRect(x: 20.0, y:90.0, width: 280.0, height: 44.0))
    
    textField.delegate = self
    textField.returnKeyType = .done
    
    
    textField.center = self.view.center
    textField.backgroundColor = UIColor.lightGray
    
    
    self.view.addSubview(textField)
}

func textFieldShouldReturn(_ textField: UITextField) -> Bool
{
    textField.resignFirstResponder()
    return true
}
}

Watch this video tutorial to learn how to dismiss UITextField keyboard

Dismiss keyboard example in Swift


Learn iOS Development with these Video Courses

The Complete iOS 11 & Swift Developer Course - Build 20 Apps

Use Xcode 9 & Swift 4 to make real apps like Uber and Instagram, with CoreML & ARKit. Includes AWS Credit and much more. Preview this video course. icon

How to Make a Freaking iPhone App - iOS 11 and Swift 4

iPhone App Development from scratch. Learn how to make iOS apps using Xcode 9. The Basics Include Pokemon Go & Snapchat. Learn to build iOS Apps with Xcode 9 and Swift 4. How to Make a Freaking iPhone App - iOS 11 and Swift 4 icon

iOS 11 and Xcode 9 - Complete Swift 4 & Objective-C Course

A Complete iOS 11 and Xcode 9 Course with Swift 4 & Objective-C. Preview this video course. iOS 11 and Xcode 9 - Complete Swift 4 & Objective-C Course icon