UITextField - Scroll down when return

Question

I have multiple text fields on a view controller, and have implemented the textFieldShouldReturn function so that when I hit return, it goes to the next text field. However, right now the screen stays the same, so the active text field is covered up by the keyboard.

How can I make it so that the screen scrolls down and I can see the active text field?

Relevant code:

func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        let nextTextFieldTag = textField.tag + 1
        let nextTextField = textField.superview?.viewWithTag(nextTextFieldTag)

        if nextTextField != nil {
            nextTextField?.becomeFirstResponder()
        } else {
            textField.resignFirstResponder()
        }

        return false
    }

your code is fine and correct , it goes to the next text field -- it works or not, your VC embed in scrollview or else — Anbu.Karthik, Apr 02 '18 at 04:52
@Anbu.karthik yes, but I'm not sure how to make it so I can see the next textfield since the keyboard covers it up — user3628240, Apr 02 '18 at 04:52
your textfield is embed in scrollview or tableview or else (directly attached in VC) — Anbu.Karthik, Apr 02 '18 at 04:54
@Anbu.karthik right now I have a custom view that's being set as the VC view. Is it possible to just add the custom view to a scrollView in the VC? — user3628240, Apr 02 '18 at 04:55
If you are using the tableview this might be helpful to you. UITextfield *t1 = // the textfield to which you are moving; CGPoint point = [t1 convertPoint:CGPointZero toView:TableV]; NSIndexPath *indP = [TableV indexPathForRowAtPoint:point]; — SRI, Apr 02 '18 at 04:56
use [IQKeyboardManager](https://github.com/hackiftekhar/IQKeyboardManager) Don't spend more time on such small issues... — Fahim Parkar, Apr 02 '18 at 09:47

score 0 · Answer 1 · edited Apr 02 '18 at 04:51

The simplest way is using IQKeyboardManager (https://github.com/hackiftekhar/IQKeyboardManager)

All your need to do is add the IQKeyboardManager to your Pod, install it and add the initially code. That's all

Copy from https://github.com/hackiftekhar/IQKeyboardManager Add to your pod file

`pod 'IQKeyboardManagerSwift'`

In AppDelegate.swift, just import IQKeyboardManagerSwift framework and enable IQKeyboardManager.

import IQKeyboardManagerSwift

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

      IQKeyboardManager.sharedManager().enable = true

      return true
    }
}

If you want to make it yourself.

In your textFieldShouldReturn, get the frame of the active textfield
New view.frame.y -= activeTextField.frame.y + space
Change view.frame.y

Or you can add all your textfield to the scrollview and just simple change scrollview.contentOffset.y

score 0 · Answer 2 · answered Apr 02 '18 at 04:45

0

There is two way to scroll in UIScrollView:

scrollView.setContentOffset(textField.frame.origin, animated: true).
scrollView.scrollRectToVisible(textField.frame, animated: true)

answered Apr 02 '18 at 04:45

tphduy

119
7

Blind Ninja · Answer 3 · 2018-04-02T05:10:13.993

0

I am assuming all your text fields on scroll view scrollView. Now you want next textfield nextTextField to scroll up. In that case -

In your if condition -

scrollView.contentOffset = CGPoint(x : 0, y : nextTextField.frame.y)

edited Apr 02 '18 at 05:10

answered Apr 02 '18 at 05:04

Blind Ninja

1,063
13
28

Fahadsk · Answer 4 · 2018-04-02T05:33:32.590

Try this

In your viewDidLoad() like this

NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow(notification:)), name: NSNotification.Name.UIKeyboardWillShow, object: nil)

NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide(notification:)), name: NSNotification.Name.UIKeyboardWillHide, object: nil)

And use these functions to show UITextField from when keyboard is shown

@objc func keyboardWillShow(notification: NSNotification) {
    if let keyboardSize = (notification.userInfo?[UIKeyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue {
        print(keyboardSize.height)
        if view.frame.origin.y >= 0{
            self.view.frame.origin.y -= keyboardSize.height
        }
    }
}

@objc func keyboardWillHide(notification: NSNotification) {
    if let keyboardSize = (notification.userInfo?[UIKeyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue{
        print(keyboardSize.height)
        if view.frame.origin.y < 0 {
            self.view.frame.origin.y += keyboardSize.height
        }
    }
}

score 0 · Answer 5 · answered Apr 02 '18 at 17:39

When you start to use an textfield and you want to move your ScrollView.

 weak var activeField:[UITextField]!       
 func textFieldDidBeginEditing(_ textField: UITextField) {
     activeField = textField 
     if let scroll = scrollVC
         {
             scroll.keyboardDismissMode = 
             UIScrollViewKeyboardDismissMode.interactive
             scroll.setContentOffset(CGPoint.init(x: 0, y: 
             self.activeField.frame.origin.y - 64), animated: true)
         }
        }

When you dismiss your keyboard, use a return or use .becomeFirstResponder()

func textFieldDidEndEditing(_ textField: UITextField) {
if let scroll = scrollVC{
    scroll.setContentOffset(CGPoint.init(x: 0, y: activeField == 
    textField ? 0 : textField.frame.origin.y), animated: true)
}

An example how i use first responders when I have 2 or more TextFields: You should add all your UITextFields in Array.

  @objc func dismissKeyboard(){
    self.view.endEditing(true)
  }

  func textFieldShouldReturn(_ textField: UITextField) -> Bool {
    switch activeField {            
    case arrTextFields[0]:
        arrTextFields[1].becomeFirstResponder()
    case arrTextFields[1]:
        arrTextFields[2].becomeFirstResponder()
    default:
        dismissKeyboard()
    }
    return true
}

UITextField - Scroll down when return

5 Answers5