ViewPage2 with tab layout

 design your layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".chapters.CMainActivity">

 
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="40dp" />

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />



</LinearLayout>

Create a viewpager Adapter and exteds  extends FragmentStateAdapter

public CViewPagerAdapter(@NonNull  FragmentManager fragmentManager, @NonNull  Lifecycle lifecycle) {
    super(fragmentManager, lifecycle);
}

@NonNull

@Override
public Fragment createFragment(int position) {
    if (position == 1) {
        return new FragmentBooks();
    }
    return new FragmentLectures();
}

@Override
public int getItemCount() {
    return 2;
}

Crete fragments 

before on Create 

private TabLayout tabLayout;
private ViewPager2 viewPager;
private Toolbar toolbar;
private CViewPagerAdapter adapter;

after 

// VIEWPAGER AND TAB LAYOUT START HERE //
viewPager = findViewById(R.id.view_pager);
tabLayout = findViewById(R.id.tab_layout);

FragmentManager fm = getSupportFragmentManager();
adapter = new CViewPagerAdapter(fm, getLifecycle());
viewPager.setAdapter(adapter);

tabLayout.addTab(tabLayout.newTab().setText("Lectures"));
tabLayout.addTab(tabLayout.newTab().setText("Books"));
tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
    @Override
    public void onTabSelected(TabLayout.Tab tab) {
        viewPager.setCurrentItem(tab.getPosition());
    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {

    }

    @Override
    public void onTabReselected(TabLayout.Tab tab) {

    }
});

viewPager.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
    @Override
    public void onPageSelected(int position) {
        tabLayout.selectTab(tabLayout.getTabAt(position));
    }
});