Material-components-android: [BottomAppBar] Fab is displaying incorrectly

Created on 8 Aug 2020  路  5Comments  路  Source: material-components/material-components-android

Description: Fab is displaying incorrectly after library update

Expected behavior: Screenshots are attached

Source code: android:layout_width="fill_parent"
android:layout_height="fill_parent">
android:layout_gravity="bottom"
android:id="@+id/bar_in_theme_preview"
android:focusable="false"
android:clickable="false"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
app:fabAlignmentMode="center"
app:layout_scrollFlags="exitUntilCollapsed|scroll" />
android:id="@+id/fab_in_theme_preview"
android:focusable="false"
android:clickable="false"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_home_black"
app:layout_anchor="@id/bar_in_theme_preview"
app:layout_insetEdge="right" />

Android API version: From SDK21 to SDK29

Material Library version: Latest 1.2.0

Device: tested on MI 6X(wayne), MI A2(jasmine_sprout), Samsung Galaxy Tab S 8.4(klimtlte) [ALSO TESTED ON Android EMU)

image
image
Screenshot_20200808-133726

bug

All 5 comments

In catalog app on master is working fine, you can find the layout here
Maybe you are doing something wrong because if I copy-paste your XML in my project is working. Check if you changed some parent theme or styles

In catalog app on master is working fine, you can find the layout here
Maybe you are doing something wrong because if I copy-paste your XML in my project is working. Check if you changed some parent theme or styles

@matpag

I have removed my custom bottomappbar style. Also, I have recreated Bottomappbar with default settings and attributes. I can say, it's no use. After research, I realized, bug appears only on very small and very big dpi's (320-340 and 420-...)

P.s Bug does not appear on 1.1.0 version of library

I'm confused, is the bug that the fab is off centered from the bottom app bar's cradle?

I'm confused, is the bug that the fab is off centered from the bottom app bar's cradle?

@wcshi , yes it is

@verNANDo57 I can't reproduce it. Could you export the hardware profile you are using for the emulator and send it to me so I can try that?

Was this page helpful?
0 / 5 - 0 ratings