viewPager не отображает фрагмент

Question

для этого проекта, у меня есть вкладки, которые должны отображать что-то под ними, и я использую view pager, но по какой-то причине макет фрагмента не отображается на экране. Я получаю пустой экран, но нет ошибки или чего-то еще. Я уже много раз искал поисковые запросы и искал несколько часов и даже начал новый проект, чтобы убедиться, что это не ошибка сборки, но пока не удастся найти решение моей проблемы. Я делал такие примеры много раз и использовал одни и те же шаги, но по какой-то причине он просто не работает на этот раз. Любая помощь будет принята с благодарностью

Вот мой mainActivity класс

public class MainActivity extends ActionBarActivity { 

Toolbar toolbar; 
ViewPager myViewPager; 
SlidingTabLayout mySlidingTabs; 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    toolbar = (Toolbar) findViewById(R.id.toolbar); 
    setSupportActionBar(toolbar); 

    myViewPager = (ViewPager) findViewById(R.id.viewPager); 
    myViewPager.setAdapter(new MyPagerAdapter(getSupportFragmentManager(), this)); 

    mySlidingTabs = (SlidingTabLayout) findViewById(R.id.sliding_tabs); 
    mySlidingTabs.setViewPager(myViewPager); 
    } 
} 

Вот мой пользовательский адаптер класса

public class MyPagerAdapter extends FragmentPagerAdapter { 

private Context context; 
private String[] tabNames = {"Beverages", "Deli & Bakery", "Fresh Produce", "Health & Beauty", "Meat & Seafood", "Natural Foods", "Pet Care"}; 

public MyPagerAdapter(FragmentManager fm, Context context) { 
    super(fm); 
    this.context = context; 
} 

@Override 
public Fragment getItem(int position) { 

    if (position == 0) { 
     return new Beverages(); 
    } 

    else if (position == 1) { 
     return new DeliBakery(); 
    } 

    return null; 
} 

@Override 
public int getCount() { 
    return 2; 
} 

@Override 
public CharSequence getPageTitle(int position) { 
    return tabNames[position]; 
} 
} 

Вот мой главный activty.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical"> 

<include 
    android:id="@+id/toolbar" 
    layout="@layout/toolbar_layout" 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" /> 

<!-- The Sliding tab --> 
<bello.myapplication.SlidingTabLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/sliding_tabs"/> 

<!-- The pager that allows us to swipe between fragments --> 
<android.support.v4.view.ViewPager 
    android:id="@+id/viewPager" 
    android:layout_width="match_parent" 
    android:layout_height="0px" 
    android:layout_weight="1" 
    android:background="@android:color/white" /> 

</LinearLayout> 

и вот один из файлов xml моей вкладки

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 


<TextView 
    android:id="@+id/textView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Tab fragment 1" 
    android:textSize="50dp" 
    android:padding="5dp" /> 

</RelativeLayout> 

Вот один из моих фрагментов классов

public class Beverages extends Fragment { 

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

Answer 1

Когда что-то странное, как это происходит, попробуйте использовать Log.i("title", "message") для отслеживания, если вызывается каждый класс/методы.

В вашем случае это означает, что ваш просмотрщик отсутствует на экране.

Если я понял ваш код, ваш тег <include> содержит второй код xml, который вы опубликовали правильно?

<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 


<TextView 
    android:id="@+id/textView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Tab fragment 1" 
    android:textSize="50dp" 
    android:padding="5dp" /> 

</RelativeLayout> 

Похоже, ваш layout_height="match_parent" заполняет все пространство на экране, не давая места для вашего ViewPager раздувается системой, попробуйте изменить его на layout_height="wrap_content и вы должны сделать.

Если нет, попробуйте изменить фон вашего ViewPager, чтобы проверить, находится ли он на экране и не скрывается что-то еще.

Answer 2

Выяснил проблему. Цвет фона viewpager и цвет фона вкладок, где они были одинаковыми, так что это выглядело как черная активность. Так что для кого-то другого с той же проблемой попробуйте изменить либо цвет текста вашего tabs.xml, либо изменить фон вашего viewpager