Edittext Color Is White In Appcompat 22.2

EDIT 2 : This is happening because of the line @style/ThemeOverlay.AppCompat.Dark.ActionBar in styles.xml. I'm using this to display light co

Solution 1:

I'd recommend you to create a theme/style only for your EditText. Appcompatuses by default the android:textColorSecondary as the color for the bottom line of the EditText though you haven't defined this in your Theme so it's hard to tell why your bottom line, text and hint is colored in white.

Here's an example for a separate Theme for EditText's

<stylename="ThemeEditTextLight"><!-- bottom line color --><itemname="colorControlNormal">#000000</item><!-- text color --><itemname="android:textColor">#000000</item><!-- hint text color --><itemname="android:textColorHint">#BDBDBD</item></style>

And then simply set the Theme to your EditText:

<EditTextandroid:layout_width="match_parent"android:layout_height="wrap_content"android:hint="My hint"android:theme="@style/ThemeEditTextLight" />

This approach gives you much more control over the coloring of your EditTexts.

Solution 2:

Okie, I fixed it!

What I was doing was, I want to display ToolBar content in white color as my ToolBar is dark so I used this line

<item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item> in styles.xml

This was working fine with appcompat-v7:21.+.

But in appcompat-v7:22.2.0 as the app:theme was depreciated (mentioned by @Guillaume Imbert in his answer).

So here was the confusion. I didn't use 'app:theme` any where in my project but it still keep showing me warning. So again I googled and found the this link.

Which leads me to following blog by Chris Banes clearly explained about it.

Now I removed <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item> from styles.xml. So my ToolBar content is dark (Black).

Finally adding android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" in my ToolBar did the trick, So my toolbar code looks like

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="@dimen/action_bar_size_x2"
    android:background="@color/myPrimaryColor"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

So this may help someone.

Thanks for giving me the good lead, both @reVerse and @Guillaume Imbert. Without your answers I would not able to fix this. Thanks a Lot :)

Solution 3:

First, you should use EditText, and not the compat one. At runtime, the support library replaces the EditText with the appcompat one only if needed.

Regarding your problem, appcompat 22.2 introduces the use of android:theme instead of app:theme. I think the item theme in your style was not applied with the previous version of appcompat, and it is now.

By the way, I don't know if using the theme item into a theme is a good practice.