Android TabLayout 在 Fragment 中不工作

Question

我使用下面的代码在 Fragment 中设置我的 TabLayout。问题是选项卡根本不显示，子片段也不显示。相反，我得到一个空白页。相同的代码在父 Activity 中工作，在行 PostsFragment.ViewPagerAdapter adapter = new ViewPagerAdapter(getChildFragmentManager()); 中有细微差别，而不是 ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());。我做错了什么？

import android.os.Bundle;

import androidx.annotation.NonNull;
import androidx.appcompat.widget.Toolbar;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;
import androidx.viewpager.widget.ViewPager;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.google.android.material.tabs.TabLayout;
import com.google.firebase.quickstart.auth.R;
import com.google.firebase.quickstart.auth.social.Main_Chat_Activity;
import com.google.firebase.quickstart.auth.social.bottomnav.ui.dashboard.DashboardFragment;
import com.google.firebase.quickstart.auth.social.friends.ContactsFragment;
import com.google.firebase.quickstart.auth.social.messages.ChatFragment;
import com.google.firebase.quickstart.auth.social.profile.Profile_Fragment;

import org.jetbrains.annotations.NotNull;

import java.util.ArrayList;
import java.util.List;


public class PostsFragment extends Fragment {

    private ViewPager mViewPager;
    private TabLayout mTabLayout;
    private View curView;



    public PostsFragment() {
        // Required empty public constructor
    }


    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        curView = inflater.inflate(R.layout.fragment_posts, container, false);

        mViewPager = curView.findViewById(R.id.postTabsViewPager);
        setupViewPager(mViewPager);
        mTabLayout = curView.findViewById(R.id.postsTabs);
        mTabLayout.setupWithViewPager(mViewPager);
        setupTabTexts();


        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_posts, container, false);
    }

    private void setupViewPager(ViewPager viewPager) {
        PostsFragment.ViewPagerAdapter adapter = new ViewPagerAdapter(getChildFragmentManager());
        adapter.addFrag(new FoundFragment(), "");
        adapter.addFrag(new FoundFragment(), "");
        adapter.addFrag(new FoundFragment(), "");
        viewPager.setAdapter(adapter);
    }


    private void setupTabTexts() {
        mTabLayout.getTabAt(0).setText("Tab 1");
        mTabLayout.getTabAt(1).setText("Tab 2");
        mTabLayout.getTabAt(2).setText("Tab 3");

    }

    static class ViewPagerAdapter extends FragmentPagerAdapter {
        private final List<Fragment> mFragmentList = new ArrayList<>();
        private final List<String> mFragmentTitleList = new ArrayList<>();

        public ViewPagerAdapter(FragmentManager manager) {
            super(manager);
        }

        @NotNull
        @Override
        public Fragment getItem(int position) {
            return mFragmentList.get(position);
        }

        @Override
        public int getCount() {
            return mFragmentList.size();
        }

        public void addFrag(Fragment fragment, String title) {
            mFragmentList.add(fragment);
            mFragmentTitleList.add(title);
        }


        @Override
        public CharSequence getPageTitle(int position) {
            return mFragmentTitleList.get(position);
        }
    }
}

fragment_posts.xml是；

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_height="match_parent"
    tools:context=".social.posts.PostsFragment">





    <com.google.android.material.tabs.TabLayout
        android:id="@+id/postsTabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabSelectedTextColor="@color/black"
        app:tabInlineLabel="true"
        >
    </com.google.android.material.tabs.TabLayout>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/postTabsViewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/postsTabs"
        >

    </androidx.viewpager.widget.ViewPager>

</RelativeLayout>

Answer 1

当你在片段中时，你应该在 onViewCreated() 方法中初始化和设置你的 ViewPager，而不是在 onCreateView() 中。

进行以下更改：

1.In onCreateView() 仅膨胀您的布局，如下所示：

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_posts, container, false);
  }

2.In onViewCreated() 使用 TabLayout 初始化和设置您的寻呼机，如下所示：

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
   super.onViewCreated(view, savedInstanceState);
   mViewPager = view.findViewById(R.id.postTabsViewPager);
   mTabLayout = view.findViewById(R.id.postsTabs);
   mTabLayout.setupWithViewPager(mViewPager);
   setupViewPager(mViewPager);
   setupTabTexts();
}

Android TabLayout 在 Fragment 中不工作

Android TabLayout not working in Fragment

android

android-fragments

android-tablayout