当使用返回堆栈时，TabLayout ViewPager不加载

Question

我在一个碎片中使用了TabLayout和ViewPager，在选项卡下方的两个碎片之间进行切换。

当我点击一个下方碎片中的FAB时，我加载一个新的（输入）碎片。

然而，当我按下BACK按钮时，TabLayout会显示出来，但是没有任何一个下方的碎片（由页面表示）。

所以我做错了什么？

还有更好的交换碎片的方法吗？

是否有办法按下返回按钮并回到显示的viewPager页面？

以下是需要翻译的内容：

带有TabLayout的碎片：CustomTemplatesFragment

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    View view =  inflater.inflate(R.layout.fragment_custom_templates, container, false);
    final TabLayout tabLayout = (TabLayout) view.findViewById(R.id.tab_layout);
    tabLayout.addTab(tabLayout.newTab().setText(R.string.macro_tab));
    tabLayout.addTab(tabLayout.newTab().setText(R.string.lifestyle_tab));
    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);

    final ViewPager viewPager = (ViewPager) view.findViewById(R.id.pager);
    final CustomTemplatesPagerAdapter adapter = new CustomTemplatesPagerAdapter
            (getFragmentManager(), tabLayout.getTabCount());
    viewPager.setAdapter(adapter);
    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
    tabLayout.setOnTabSelectedListener(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) {

        }

    });
    return view;
}

页面适配器：CustomTemplatePagerAdapter

public class CustomTemplatesPagerAdapter extends FragmentStatePagerAdapter {
int mNumOfTabs;

public CustomTemplatesPagerAdapter(FragmentManager fm, int NumOfTabs) {
    super(fm);
    this.mNumOfTabs = NumOfTabs;
}

@Override
public Fragment getItem(int position) {

    switch (position) {
        case 0:
            CustomMacroFragment tab1 = new CustomMacroFragment();
            return tab1;
        case 1:
            CustomLifestyleFragment tab2 = new CustomLifestyleFragment();
            return tab2;
        default:
            return null;
    }
}

使用FAB的下部分碎片：CustomMacroFragment

private void onFABClicked() {
    Fragment fragment = null;
    Class fragmentClass = MacroTemplateDetailFragment.class;
    try {
        fragment = (Fragment) fragmentClass.newInstance();
    } catch (Exception e) {
        e.printStackTrace();
    }


    // Insert the fragment by replacing any existing fragment
    FragmentManager fm = getActivity().getSupportFragmentManager();
    FragmentTransaction ft = fm.beginTransaction();
    ft.replace(R.id.flContent, fragment);
    ft.addToBackStack(null);
    ft.commit();
}

TabLayout/ViewPager XML

<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"
android:id="@+id/customLayout"
tools:context=".CustomTemplatesFragment">

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

<!--android:minHeight="?attr/actionBarSize"-->

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/tab_layout"/>

带有FAB的片段XML

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/macroCoordinator"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".CustomMacroFragment">

<!-- using RecyclerView because of
https://guides.codepath.com/android/Floating-Action-Buttons -->
<android.support.v7.widget.RecyclerView
    android:id="@+id/rvMacrolist"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>

<TextView
    android:id="@+id/emptyView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal|center_vertical"
    android:visibility="gone"
    android:text="Please add a Macronutrient Template"/>

<!--https://guides.codepath.com/android/Floating-Action-Buttons-->
<android.support.design.widget.FloatingActionButton
    android:id="@+id/macroListFAB"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|right"
    android:layout_margin="@dimen/activity_margin"
    android:src="@drawable/ic_plus"
    app:layout_anchor="@id/rvMacrolist"
    app:layout_anchorGravity="bottom|right|end"
    app:layout_behavior=".utilities.behavior.ScrollAwareFABBehavior"/>

- Brian P Grissom

Answer 1

我相信在这里找到了答案：Lifecycle of a replaced ViewPager and BackStack?。

初始测试可行。需要将 adapter 中的 getFragmentManager() 替换为 getChildFragmentManager。

ViewPagerAdapter adapter = new ViewPagerAdapter(getChildFragmentManager());

- Brian P Grissom

---

太棒了，完美地运行了...！ - Pasan Randula Eramusugoda

非常感谢你，你节省了我的时间。 - Nilesh Patel

非常感谢，运行得非常完美。 - Mridul Das