如何在Tabbed Fragment中通过onClick()实现标签内Fragment导航？

你的问题根源在于错误地试图通过FragmentTransaction替换Fragment，而实际上你的Tab布局是由ViewPager+FragmentPagerAdapter来管理的，ViewPager有自己的页面切换机制，正确的做法是直接控制ViewPager切换到目标页面，而不是手动替换Fragment。

下面是具体的解决方案：

步骤1：在父Fragment中添加切换页面的方法 #

在你的ProductDetailsFragment里，新增一个公开方法，用来触发ViewPager切换到指定标签：

public class ProductDetailsFragment extends Fragment {
    // ... 你已有的代码 ...

    // 新增方法：切换到指定索引的标签页
    public void switchToTab(int tabIndex) {
        ViewPager viewPager = getView().findViewById(R.id.viewpager_productDetails);
        if (viewPager != null) {
            viewPager.setCurrentItem(tabIndex);
        }
    }

    // ... 你已有的代码 ...
}

步骤2：在第一个Fragment中调用切换方法 #

修改你第一个标签（ProductInfoFragment）里的按钮点击事件，通过父Fragment的实例调用上面的方法：

Button placeAnORderNow = getView().findViewById(R.id.place_oreder);
placeAnORderNow.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        // 检查父Fragment类型，避免转换错误
        if (getParentFragment() instanceof ProductDetailsFragment) {
            // 切换到"Order Now"标签（索引是1，因为你Adapter里的顺序是Info(0)、OrderNow(1)、Reviews(2)）
            ((ProductDetailsFragment) getParentFragment()).switchToTab(1);
            
            // 如果要切换到Reviews标签，就传2：
            // ((ProductDetailsFragment) getParentFragment()).switchToTab(2);
        }
    }
});

为什么原来的方法行不通？ #

你之前用getChildFragmentManager().beginTransaction().replace(getId(), new OrderNowFragment())的方式，会直接替换当前Fragment的视图，但这和ViewPager的管理逻辑冲突：

• ViewPager已经通过FragmentPagerAdapter维护了所有三个Fragment的实例，手动替换会破坏ViewPager的页面状态缓存和切换逻辑。
• 这种方式也不会同步更新TabLayout的选中状态，导致Tab栏显示和实际页面不一致。

而通过ViewPager.setCurrentItem()的方式，会让ViewPager自动处理页面切换，同时TabLayout会因为和ViewPager绑定（tabs.setupWithViewPager(viewPager)）自动同步选中的标签，完全符合Tab布局的设计逻辑。

内容的提问来源于stack exchange，提问作者user9240225