Кнопка с плавающим действием отображается в виде серого поля

Question

Я пытаюсь разместить FAB в правом нижнем углу экрана, чтобы он плавал поверх recyclerview. Тем не менее, FAB - это просто серый ящик с путем к виджету.

Вот проблема:

Это моя реализация XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/userpass_recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/generate_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:layout_margin="16dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:clickable="true"
        android:focusable="true" />

</RelativeLayout>

зависимость:

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.0.2'
    implementation 'com.android.support:design:28.0.1'
    implementation 'com.google.android.material:material:1.1.0-alpha05'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    implementation 'androidx.recyclerview:recyclerview:1.0.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
}

Answer 1

Попробуйте file>invalidate caches/restart. Это проблема, которая была у меня с некоторыми из моих виджетов, которые были выделены серым цветом.

Answer 2

Попробуйте вместо этого использовать ExtendedFloatingActionBar и установите app:icon на свой значок FAB и не добавляйте текст, и EFAB будет выглядеть как FAB.Я просто не знаю, как поставить колыбель, как в FAB, если вы собираетесь разместить ее на нижней панели действий.

Answer 3

Вы добавили неправильную кнопку FloatingAction. Реализуйте это и добавьте атрибут src.

<android.support.design.widget.FloatingActionButton
 android:id="@+id/generate_fab"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:layout_alignParentEnd="true"
 android:layout_alignParentRight="true"
 android:layout_marginBottom="16dp"
 android:layout_marginRight="16dp"
 android:clickable="true"
 android:focusable="true" 
 android:src="@drawable/ic_add_black_24dp"/>

Answer 4

Извините, я не увидел изображение

Я использую эту библиотеку

implementation 'com.google.android.material:material:1.0.0'

номер версии: 1.0.0

Вы можете попробовать очистить кеш проекта и восстановить его.