Android Design Support TabLayout overlapping content

Question

I am using the new TabLayout introduced in the design support library. I have the code like this:

Answer 1

You need to add app:layout_behavior="@string/appbar_scrolling_view_behavior" to your ViewPager: this is what changes the height of the View to be below the AppBarLayout rather than the full match_parent height.