Androidx迁移后，MaterialCardView不会受到其样式的影响

Question

我正在开发新的android应用，该应用使用Google物料设计组件显示咖啡饮料。在将项目迁移到Androidx之后，样式将不会应用于MaterialCardView IDK，这是什么问题或为什么发生这种情况！！

我尝试使用最新的材料库版本升级gradle文件，并且在网络上搜索找不到任何类似的问题。

 <!--this is the card layout:-->

    <com.google.android.material.card.MaterialCardView  xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/coffee_card"
    style="@style/CoffeeItemStyle"
    android:layout_width="180dp"
    android:layout_height="200dp"
    android:layout_marginLeft="16dp"
    android:layout_marginTop="@dimen/cardview_margin"
    android:layout_marginRight="16dp"
    android:layout_marginBottom="@dimen/cardview_margin">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <ImageView
            android:id="@+id/coffee_image"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:contentDescription="@string/coffee_drink_image"
            android:scaleType="centerCrop"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/coffee_name"
            style="@style/CoffeeNameStyle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="24dp"
            android:layout_marginTop="8dp"
            android:text="Name"
            app:layout_constraintBottom_toTopOf="@+id/coffee_image"
            app:layout_constraintStart_toStartOf="@+id/coffee_image"
            app:layout_constraintTop_toBottomOf="@+id/coffee_image"
            app:layout_constraintVertical_bias="0.82" />

    </androidx.constraintlayout.widget.ConstraintLayout>

    </com.google.android.material.card.MaterialCardView>

<!--this is the style(CoffeeItemStyle):-->

     <style name="CoffeeItemStyle"     parent="Widget.MaterialComponents.CardView">
        <item name="cardBackgroundColor">@android:color/white</item>
        <item name="cardCornerRadius">@dimen/cardview_radius</item>
        <item name="cardElevation">@dimen/cardview_elevation</item>
        <item name="android:clickable">true</item>
        <item name="android:stateListAnimator">
            @animator/shr_next_button_state_list_anim
        </item>

    </style>

我希望单击卡视图时，卡视图以4dp半径，8dp高程，白色背景显示并更改Z轴。

下图显示了迁移后的外观