Android : Cardview Background is turning to black on 4.1.2

Question

I am using google cardView support library for my card functionality. It works well for kitkat and version up but however the background of card is set to black and padding/margins are not applied on device 4.1.2.

<android.support.v7.widget.CardView
        android:id="@+id/all_goals_card_view"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_marginLeft="20dp"
        android:layout_gravity="center"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="20dp"
        android:padding="10dp"
        app:cardCornerRadius="4dp"
        card_view:cardPreventCornerOverlap="false"
        card_view:cardBackgroundColor="@android:color/white"
        >
 </android.support.v7.widget.CardView>

Have you got correct answer. I am facing same issue. Please help. — Shiv, Nov 16 '17 at 15:09
@Shiv I am supporting android version 4.4 and above for now. — Sutirth, Nov 18 '17 at 17:25

Langusten Gustel · Answer 1 · 2017-02-19T14:15:41.707

44

Okay, I just stumbled across the same issue and I found some devices to have some "special" very-light light-theming defaults cough samsung cough I will answer this slightly old queston.

The thing here is that you are most likely using the wrong context to inflate you layout. I think you are using the application-context to do so. Application-Context does not apply the theme you defined.

This (inflating with the application-context) is legal, but inflation will be done with the default theme for the system on which you are running, not what’s defined in your application.*

For example if you do:

LayoutInflater.from(context).inflate(R.layout.menu_rental_list_item, parent, false);

The context here should be an Activity- or Fragment Context - NOT the application-context.

Please double check that.

*) Ah, you want to read more about contexts? Please continue reading here.

edited Feb 19 '17 at 14:15

answered Oct 05 '16 at 19:31

Langusten Gustel

10,917
9
46
59

@Langusten Gustel thanks a lot. Another Samsung spesific weird behaviour, "sigh..." – Lev Feb 23 '17 at 07:50
Hello my dear, I think my question is the same. Can you take a look at it? – john Jun 26 '19 at 08:43
https://stackoverflow.com/questions/56750943/android-toolbar-color-is-turning-to-blue-when-come-from-fragment – john Jun 26 '19 at 08:43

score 7 · Answer 2 · answered Mar 10 '16 at 17:45

7

don't use "@android:color/white"

card_view:cardBackgroundColor="#fff"

answered Mar 10 '16 at 17:45

Reza Nazeri

316
3
12

Doesn't makes any difference still the same output – Sutirth Mar 10 '16 at 17:56
@Sutirth please also change background color of any relative or linear layout inside cardview – Muhammad Hamza Shahid Jul 28 '16 at 14:14
@MuhammadHamzaShahid Simple stopped supporting those version :P – Sutirth Jul 29 '16 at 08:41
5

used `app:cardBackgroundColor="#fff"` though. but thanks. – M D P Sep 04 '16 at 06:09
someone can give me an explanation of the difference between #fff and @android:color/white (which is #ffffffff)? – Massimo Jan 26 '17 at 10:34
@Massimo when use `@android:color` it use user android color code. maybe `@android:color/red` color code in android 4 be different with color code in android 7. it depend user android version – Reza Nazeri Jan 26 '17 at 10:49
@RezaNazeri ok, but does it means that Android 4.1.2 has a black color in `@android:color/white`? – Massimo Jan 26 '17 at 11:04
@Massimo no :) maybe very small different – Reza Nazeri Jan 26 '17 at 11:06

score 3 · Answer 3 · answered Mar 22 '17 at 13:45

This will solve the issue:

      <android.support.v7.widget.CardView
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="#fff"
        card_view:cardBackgroundColor="#fff"
        android:layout_margin="2dp">

Notice these lines:

xmlns:card_view="http://schemas.android.com/apk/res-auto"

and 

card_view:cardBackgroundColor="#fff"

score 1 · Answer 4 · edited Jul 21 '17 at 17:22

1

I had the same issue on android 4.1.2 device. I was using an ImageView with shape drawable inside CardView which was the actual culprit.

Please check the answer in this link which helped me fix the issue.

edited Jul 21 '17 at 17:22

woliveirajr

9,433
1
39
49

answered Jul 21 '17 at 10:54

Vinayak Bhat

33
3

score 1 · Answer 5 · answered Jan 29 '20 at 07:43

1

In my case, I put android:theme="@style/Theme.AppCompat.Light.NoActionBar" in the manifest file for related activity

answered Jan 29 '20 at 07:43

Binz_

21
1

score 0 · Answer 6 · answered Jul 18 '17 at 12:43

0

Don't use

android:Theme.Dialog

or

android.R.style.Theme_Dialog

, if your CardView is a part of the DialogFragment or Dialog layout.

answered Jul 18 '17 at 12:43

Michael Katkov

2,256
1
20
17

Android : Cardview Background is turning to black on 4.1.2

6 Answers6

Linked