TabLayout+ViewPager 标题不显示问题

第一次用TabLayout+ViewPager 组合在布局中写好了三个标题预览没问题而且也设置了

app:tabIndicatorColor="@color/colorAccent" 
app:tabSelectedTextColor="@color/colorAccent"
app:tabTextColor="@color/button_nav_font_default"
三个属性都设置，当运行在手机上的时候显示空白刚开始以为是手机问题（华为）换了小米手机也是同样的问题，我开始怀疑主题问题了，因为我的主题颜色是全是白色以下代码

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/white</item>
    <item name="colorPrimaryDark">@color/white</item>
    <item name="colorAccent">@color/white</item>
</style>
我把三种颜色全部改了红色运行结果是一样的，
无奈只能搜索了 找到一位博友写的 http://www.cnblogs.com/neillee/p/7001976.html
设置

mViewPager.setAdapter(new FragmentPagerAdapter(getActivity().getSupportFragmentManager()) {
    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }

    @Override
    public int getCount() {
        return fragments.size();
    }
    @Override
    public CharSequence getPageTitle(int position) {
        return mTabList.get(position);
    }
});
红色关键代码设置vewpage的title字体
运行测试成功

ArrayList<String>mTabList

mTabList = new ArrayList<String>();
mTabList.add("精品");
mTabList.add("话题");
mTabList.add("直播");

mTabLayout.setTabMode(TabLayout.MODE_FIXED);//设置标签的模式,默认系统模式
mTabLayout.addTab(mTabLayout.newTab().setText(mTabList.get(0)));
mTabLayout.addTab(mTabLayout.newTab().setText(mTabList.get(1)));
mTabLayout.addTab(mTabLayout.newTab().setText(mTabList.get(2)));