How to hide bottom TabLayout once keyboard shows up?

Question

I am using bottom TabLayout with ViewPager above the tabs, XML listed below:

<RelativeLayout
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <include
        android:id="@+id/toolbar_wrapper"
        layout="@layout/toolbar_main" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs_bottom_main"
        style="@style/AppTabLayout"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_alignParentBottom="true"
        app:tabGravity="fill" />

    <View
        android:id="@+id/view_black_line"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_above="@id/tabs_bottom_main"
        android:background="@android:color/black" />

    <NonSwipableViewPager
        android:id="@+id/view_pager_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/view_black_line"
        android:layout_below="@id/toolbar_wrapper"
        android:background="@android:color/white" />

</RelativeLayout>

When the keyboard shows up, the whole View pushed up, I would like to hide the bottom TabLayout only (but keep the ViewPager above) once the keyboard shows up. How to achieve it?

P.S.

I have tried listening the keyboard show up event and set TabLayout visibility with mBottomTabLayout.setVisibility(isOpen ? View.GONE : View.VISIBLE);

But this will hide the whole ViewPager together with the TabLayout.

put **android:windowSoftInputMode="adjustResize|stateVisible|stateAlwaysHidden"** in **** inside menifest file. — Rahul Sharma, Sep 15 '16 at 08:51
@RahulSharma that would apply to the `ViewPager` also, which is not what OP wants. — earthw0rmjim, Sep 15 '16 at 08:55
try to take **LinearLayout** with orientation **Vertical** as a parent. And then try your **VISIBILITY** logic as you mentioned above — Rahul Sharma, Sep 15 '16 at 09:06

score 2 · Answer 1 · edited May 28 '18 at 17:10

2

Add this to your manifest under activity tag in which you want to hide the TabLayout:

android:windowSoftInputMode="adjustPan"

edited May 28 '18 at 17:10

Diego Rafael Souza

5,241
3
23
62

answered May 28 '18 at 15:03

r.pratap

46
1
3

score 1 · Accepted Answer · answered Sep 19 '16 at 01:55

It works after I change RelativeLayout to LinearLayout according to @Rahul Sharma's advice.

Then I used the KeyboardVisibilityEvent library:

KeyboardVisibilityEvent.setEventListener(this,
            new KeyboardVisibilityEventListener() {
                @Override
                public void onVisibilityChanged(boolean isOpen) {
                    mBottomTabLayout.setVisibility(isOpen ? View.GONE : View.VISIBLE);
                }
            });

How to hide bottom TabLayout once keyboard shows up?

2 Answers2