Android MaterialCardView运行空白不显示图文内容问题排查

两个问题直接导致卡片空白：

• 主题不匹配：MaterialCardView属于Material组件，必须搭配Theme.MaterialComponents系列主题（或对应Bridge桥接主题）才能正常渲染。如果你当前用的是旧的AppCompat主题，组件初始化会失败，直接出现内容不显示、背景透明的问题，这是这类问题最高发的诱因。
• GridLayout权重配置错误：你给CardView加了layout_columnWeight和layout_rowWeight做均分，但宽高写的是wrap_content。GridLayout的权重规则要求：使用哪个方向的权重，就要把对应方向的尺寸设为0dp，否则尺寸计算逻辑会出错，直接把内容区域压没。
  另外你额外引入的androidx.cardview:cardview是旧版原生CardView依赖，和Material包里自带的CardView实现存在资源冲突风险，建议直接移除。

1. 替换主题 #

打开res/values/themes.xml，把当前主题的parent改成MaterialComponents版本，示例：

<style name="Theme.QuarantineMonitoringApp" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <!-- 原有主题属性全部保留，仅修改parent即可 -->
    <item name="colorPrimary">@color/your_primary_color</item>
    <item name="colorOnPrimary">@color/white</item>
</style>

如果不想改动原有AppCompat的属性配置，直接把parent换成Theme.MaterialComponents.Light.DarkActionBar.Bridge即可，兼容所有AppCompat属性。

2. 修正CardView尺寸 #

把两个MaterialCardView的android:layout_width和android:layout_height属性从wrap_content改成0dp，让GridLayout的权重计算正常生效：

<com.google.android.material.card.MaterialCardView
    android:id="@+id/cardAccount"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_gravity="fill"
    android:layout_columnWeight="1"
    android:layout_rowWeight="1"
    android:layout_row="0"
    android:layout_column="0"
    app:cardCornerRadius="8dp"
    app:cardElevation="8dp"
    app:cardUseCompatPadding="true">
    <!-- 内部LinearLayout、ImageView、TextView代码无需修改 -->
</com.google.android.material.card.MaterialCardView>

id为cardLocation的第二个卡片做完全相同的宽高修改即可。

3. 移除冗余依赖 #

打开模块级build.gradle，删除多余的旧版CardView依赖，避免资源冲突：

// 删除这一行
implementation 'androidx.cardview:cardview:1.0.0'

改完之后同步Gradle，重新编译运行App，卡片内的图标和文字就能正常显示了。

• 预期实现效果：
• 异常运行效果：

内容的提问来源于stack exchange，提问作者ken