Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Scroll RecyclerView up accordingly when keyboard opens

I have created a chat activity and like facebook messenger, there is an EditText at the bottom and above is the RecyclerView of messages. When Keyboard opens, I want to scroll RecyclerView up exactly how much it should scroll up. To be more specific, lets assume there are 5 messages in the RecyclerView and currently 3rd message is just above the EditText. So when keyboard is open, I want to keep 3rd message just above the EditText like before. I have searched but could not find. If this is a duplicate question, I will be grateful if anyone can provide the link.

like image 474
Ariful Hoque Maruf Avatar asked Nov 24 '17 12:11

Ariful Hoque Maruf


2 Answers

recyclerView.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
        @Override
        public void onLayoutChange(View view, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
            if ( bottom < oldBottom) {
                recyclerView.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        recyclerView.scrollToPosition(adapter.getItemCount());
                    }
                }, 100);
            }
        }
    });

if it not work Use smoothScrollToPosition instead of scrollToPosition

This is work for me.

like image 167
Ulagapandi UPMS Avatar answered Oct 13 '22 21:10

Ulagapandi UPMS


Late answer but maybe someone will find it useful.

If it is a chat app then I suppose you want to start building the list from the bottom. For example, there is an empty chat and after you add a couple of message you expect them to be at the bottom of the list. Later, as there will be more and more messages, older messages will go up and newer ones will be on the bottom, right above the EditText.

Assuming newest messages are first in your list/array you can just set the LinearLayoutManager to be reverse layout.

layoutManager.reverseLayout = true

I can't explain why but it looks like RecyclerView always tries to retain scroll position of the top border. So when keyboard is shown available vertical space shrinks and RecyclerView will just try to keep its top the same as it was before. By making it reverse layout you can achieve the desired behaviour.

like image 27
Marat Avatar answered Oct 13 '22 21:10

Marat