How can I achieve automatic scrolling in my text view when text comes down to the keyboard level in Swift?

Question

I know that there is automatic scrolling when the content(text) exceeds the default height of the text view, but I want the text view to be full screen and when the content comes to the keyboard level, the text view should scroll automatically. I have given a GIF to help readers understand better.

Notes on IOS

class StartStoryPopUp: UIViewController, UITextViewDelegate {
    // Setup text view
    func setupTextView() {

        textViewOne.textColor = .black
        textViewOne.backgroundColor = baseColor
        // Add some padding to the text insde the text view
        textViewOne.textContainerInset = UIEdgeInsets(top: 15, left: 10, bottom: 15, right: 10)
        textViewOne.font = UIFont(name: "PatrickHand-Regular", size: 25)
        textViewOne.layer.cornerRadius = 25

        popUp.addSubview(textViewOne)
        addTextViewConstraints()
    }

    // Add the constraints to the 'start story' text view
    func addTextViewConstraints() {

        textViewOne.translatesAutoresizingMaskIntoConstraints = false
        textViewOne.leadingAnchor.constraint(equalTo: popUp.leadingAnchor, constant: 3).isActive = true
        textViewOne.trailingAnchor.constraint(equalTo: popUp.trailingAnchor, constant: -3).isActive = true
        textViewOne.topAnchor.constraint(equalTo: popUp.topAnchor, constant: 3).isActive = true
        textViewOne.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -30).isActive = true
    }
}

I could be wrong, but you may want to do some research into "keyboard displacement" (and keyboard notification) for iOS swift — MadProgrammer, Jun 25 '19 at 05:22
to me you could use this : https://stackoverflow.com/questions/16698638/scroll-uitextview-to-bottom. You call `scrollToBottom` method on uitextview text change event . — Olympiloutre, Jun 25 '19 at 05:23

score 3 · Answer 1 · edited Jun 25 '19 at 06:53

3

Swift 5

Maybe this lines will work for you.

You should set contentOffSet in textViewDidChange function with animation like this:

func textViewDidChange(_ textView: UITextView) {

    let line = textView.caretRect(for: (textView.selectedTextRange?.start)!)
    let overFlow = line.origin.y + line.size.height - (textView.contentOffset.y + textView.bounds.size.height - textView.contentInset.bottom - textView.contentInset.top)

    if 0 < overFlow {

        var offSet = textView.contentOffset
        offSet.y += (overFlow + 7)

        UIView.animate(withDuration: 0.3, animations: {
            textView.setContentOffset(offSet, animated: true)
        })
    }
}

edited Jun 25 '19 at 06:53

Habin Lama

529
5
19

answered Jun 25 '19 at 06:00

emrcftci

3,355
3
21
35

Hey you sure this works? Cuz it doesn't work for me – Abdullah Ajmal Jun 25 '19 at 06:56
1

Your class should conform UITextViewDelegate. Can you check the protocol implementation? Please edit your question with codes. – emrcftci Jun 25 '19 at 07:03
It does perform UITextViewDelegate – Abdullah Ajmal Jun 25 '19 at 07:12
Hey @Emre Ciftci, can you please help me with this? I added the code you asked me to but it doesn't work. – Abdullah Ajmal Jun 27 '19 at 07:06
1

Hi @SMALLworld please share some code. So we can understand the logic. – emrcftci Jun 27 '19 at 07:16
Hey, @Emre Ciftci, can you please help me out, I'm still stuck with this. Thanks – Abdullah Ajmal Jul 09 '19 at 17:03

How can I achieve automatic scrolling in my text view when text comes down to the keyboard level in Swift?

1 Answers1