MaterialButton 在预览和设备上也显得很奇怪

Question

我正在使用 MaterialButton，但显示不正确。

这是我使用的代码

<com.google.android.material.button.MaterialButton
    android:id="@+id/verifyOTP"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Verify OTP"
    android:layout_marginTop="10dp"/>

这里是当前显示

这是我正在使用的依赖项

'com.google.android.material:material:1.5.0'

这是我期望的行为

请帮我解决这个问题。

注意： Button 仅工作正常 MaterialButton 未正常工作

Answer 1

尝试将样式属性添加到您的 MaterialButton 声明中：

<com.google.android.material.button.MaterialButton
android:id="@+id/verifyOTP"
style="@style/Widget.MaterialComponents.Button.TextButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="..."/>

MaterialButton 在预览和设备上也显得很奇怪

MaterialButton is appearing weird on preview and on device as well

xml

android

android-layout

material-design