Pestaña blanca con texto oscuro

Estoy usando un TabLayout y estoy tratando de establecer el tabbackground a blanco con texto oscuro .

Parece que no puedo cambiar el color del texto y parece que sigue siendo blanco.

Este es el estilo que usé:

 <style name="TabWhiteText" parent="Base.TextAppearance.AppCompat"> <item name="android:textColor">@color/deepEggplant</item> </style> <style name="TabWhite" parent="Widget.Design.TabLayout"> <item name="tabSelectedTextColor">@color/deepEggplant</item> <item name="tabBackground">@android:color/white</item> <item name="tabIndicatorColor">@android:color/white</item> </style> <style name="TabWhiteMedium" parent="TabWhite"> <item name="android:textAppearance">@style/TabWhiteText</item> </style>

Y aplicado a esto:

  <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:elevation="4dp" android:layout_alignParentTop="true" style="@style/TabWhiteMedium" selectFromListView:tabMode="scrollable" />

Hay un buen tutorial aquí: http://guides.codepath.com/android/google-play-style-tabs-using-tablayout

Cuál usted puede utilizar textColor con un color oscuro o el fondo de la lengüeta al blanco:

 <style name="MyCustomTabLayout" parent="Widget.Design.TabLayout"> <item name="tabMaxWidth">@dimen/tab_max_width</item> <item name="tabIndicatorColor">?attr/colorAccent</item> <item name="tabIndicatorHeight">2dp</item> <item name="tabPaddingStart">12dp</item> <item name="tabPaddingEnd">12dp</item> <item name="tabBackground">@android:color/white</item> <!-- Your white color maybe --> <item name="tabTextAppearance">@style/MyCustomTabTextAppearance</item> <item name="tabSelectedTextColor">?android:textColorPrimary</item> </style> <style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab"> <item name="android:textSize">14sp</item> <item name="android:textColor">#000000</item> <!-- Or your TabLayout textcolor to dark maybe --> <item name="textAllCaps">true</item> </style>

Luego, TabLayout como el estilo de TabLayout :

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

O la otra personalización.

UPDATE: Además, no hay necesidad de añadir un estilo, sólo:

 app:tabBackground="@android:color/white" app:tabTextColor="@color/darkcolor"

es decir:

 <android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:minHeight="?attr/actionBarSize" app:tabIndicatorColor="#ffffff" app:tabIndicatorHeight="4dp" app:tabBackground="@android:color/white" app:tabTextColor="@color/darkcolor" app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

Puede Programatically agregar colores a los textos de la pestaña utilizando el setTabTextColors() Consulte la ficha de documentación TabLayout

Para agregar recursos de color, utilice ContextCompat.getColor (contexto, su id de recurso de color aquí ) en lugar de dar directamente resource como paramter