Фрагмент вкладки дает все мои другие фрагменты белые полосы

Question

Я создаю приложение, которое использует навигационный ящик и один из его фрагментов, которые называются вызовами.У испытаний есть 3 вкладки с прозрачной панелью вкладок.Однако каждый раз, когда я переключаю фрагменты, над остальными фрагментами, кроме достижений, появляется белая полоса.

https://imgur.com/PbfT5Wa.jpg

https://imgur.com/7BI4c08.jpg

Я жестко нажимал на панель вкладокоднако при переключении на внешний вид по умолчанию проблема все еще сохраняется.

Мой фрагмент выглядит следующим образом

public class ChallengesFragment extends Fragment {

    private SectionsPageAdapter mSectionsPageAdapter;
    private ViewPager mViewPager;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            return inflater.inflate(R.layout.achievements, container, false);
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {

        super.onActivityCreated(savedInstanceState);
        mSectionsPageAdapter = new SectionsPageAdapter(getFragmentManager());
        mViewPager = (ViewPager) getView().findViewById(R.id.container);
        setupViewPager(mViewPager);

        TabLayout tabLayout = (TabLayout) getView().findViewById(R.id.tabs);
        tabLayout.setupWithViewPager(mViewPager);


    }


    private void setupViewPager(ViewPager viewPager) {
        SectionsPageAdapter adapter = new SectionsPageAdapter(getFragmentManager());
        adapter.addFragment(new Tab1Fragment(), "Personal");
        adapter.addFragment(new Tab2Fragment(), "Friends");
        adapter.addFragment(new Tab3Fragment(), "Challenge");
        viewPager.setAdapter(adapter);
    }


}

Мой адаптер выглядит так:

public class SectionsPageAdapter extends FragmentPagerAdapter {

    private final List<Fragment> mFragmentList = new ArrayList<>();
    private final List<String> mFragmentTitleList = new ArrayList<>();

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

    public SectionsPageAdapter(FragmentManager fm) {

        super(fm);
    }

    @Override
    public CharSequence getPageTitle(int position) {

        return mFragmentTitleList.get(position);
    }

    @Override
    public Fragment getItem(int position) {

        return mFragmentList.get(position);
    }

    @Override
    public int getCount() {

        return mFragmentList.size();
    }
}

Фрагменты вкладок 1, 2 и 3 связаны с простыми пустыми макетами Что я буду делатьв будущем добавьте три разных списка для каждого, отображающего проблемы

Основной макет с прозрачной панелью вкладок:

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/appbar_padding_top"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="#00ffffff">



        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    </android.support.design.widget.AppBarLayout>



    <android.support.v4.view.ViewPager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />