android - NavigationView 侧滑菜单切换 Fragment 出问题

Question

最近想做一个利用侧滑菜单切换 Fragmnet 的功能。但是出现问题了。
侧滑菜单有三项，打开应用就是第一项，如图：

侧滑菜单是这样的：

接着我试着点击其他两项，利用 FragmentManager 的 replace 方法，都能成功切换，其他两项的 Fragment 我先保留了新建时候的布局，就是那个 Hello blank fragment 那个文本。都没有问题。然后我切换回第一项 Home，问题就出现了，如图：

可以发现，TabLayout 和下面的 Fragment 中的文本都没有了，不知道怎么回事。
这是目前问题没解决的状态的 github 地址：链接描述

下面我把主要地方的代码贴一下，首先是第一项“首页”的布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:background="@color/toolbar_background"
        app:tabTextColor="@color/tablayout_text_unselected_color"
        app:tabSelectedTextColor="@color/tablayout_text_selected_color"
        app:tabIndicatorColor="@color/tablayout_indicator_color"
        android:id="@+id/fragment_home_tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <android.support.v4.view.ViewPager
        android:id="@+id/fragment_home_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>


</LinearLayout>

接着是“首页”的主要代码：

ViewPager viewPager = (ViewPager) view.findViewById(R.id.fragment_home_viewpager);
HomePagerAdapter homePagerAdapter = new HomePagerAdapter(getFragmentManager());
viewPager.setAdapter(homePagerAdapter);
TabLayout tabLayout = (TabLayout) view.findViewById(R.id.fragment_home_tablayout);
tabLayout.setTabMode(TabLayout.MODE_FIXED);
tabLayout.setupWithViewPager(viewPager);

然后是 MainActivity 中设置侧滑菜单的代码：

navigationView = (NavigationView) findViewById(R.id.navigation_view);
        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(MenuItem menuItem) {
                menuItem.setChecked(true);
                switch (menuItem.getItemId()) {
                    case R.id.navigation_menu_home:
                        fragmentManager.beginTransaction().replace(R.id.content, fragmentHome).commit();
                        drawerLayout.closeDrawer(navigationView);
                        break;
                    case R.id.navigation_menu_book:
                        fragmentManager.beginTransaction().replace(R.id.content, fragmentBook).commit();
                        drawerLayout.closeDrawer(navigationView);
                        break;
                    case R.id.navigation_menu_movie:
                        fragmentManager.beginTransaction().replace(R.id.content, fragmentMovie).commit();
                        drawerLayout.closeDrawer(navigationView);
                        break;
                    default:
                        break;
                }
                return true;
            }
        });

不知道问题出在哪里，望高手指导

Answer 1

在切换的时候 TabLayout 上面不显示的问题是设计类库的bug，详情见 链接描述

viewpager的fragment 问什么不显示的问题解决了：
HomePagerAdapter homePagerAdapter = new HomePagerAdapter(getFragmentManager());
中的getFragmentManager()改成getChildFragmentManager() 就行了。希望对你有用。