Android Navigation Drawer over the tabs

Question

I am using the new navigation drawer available from the support library. When using the drawer along with tabs, the drawer menu is getting displayed below the tabs as shown below. How can i make sure the drawer menu is shown on the tabs. (It should display the drawer menu as if there are no tabs)

Drawer menu without tabs

Drawer menu with tabs

Answer 1

I got the same issue and the answer I got from Roman Nurik (Android team) is that the Navigation Drawer should not be used with the Action Bar tabs.

The discussion can be found here: https://plus.google.com/u/1/116515063230772720916/posts/8dWEkFcbTFX

Answer 2

Create a separate fragment say TabsFragment and add the fragment inside the fragment container in your main activity.

The tabs can be added inside the tabs fragment with the following code.

private FragmentTabHost mTabHost;  @Override public View onCreateView(LayoutInflater inflater, ViewGroup container,         Bundle savedInstanceState) {     mTabHost = new FragmentTabHost(getActivity());     mTabHost.setup(getActivity(), getChildFragmentManager(), R.id.fragment1);      mTabHost.addTab(mTabHost.newTabSpec("TabA").setIndicator("TabA"),            TabA.class, null);     mTabHost.addTab(mTabHost.newTabSpec("TabB").setIndicator("TabB"),             TabB.class, null);      return mTabHost; } 

Here, TabA and TabB are separate fragments for the tabs. You can implement your functionality of the respective tabs in respective fragments. Reference : http://developer.android.com/reference/android/support/v4/app/FragmentTabHost.html