内容和底部导航视图 (material) 之间的分隔符，例如 PlayStore

Question

新的 Play 商店底部导航栏看起来像 this。如您所见，底部导航栏和主要内容之间有一个分隔符。我如何实现这个分隔符？我正在使用 material BottomNavigationView。

我现在的 XML 是这样的：

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/main_tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        app:itemBackground="@color/colorPrimary"
        app:itemTextColor="@color/tab_item"
        app:itemIconTint="@color/tab_item"
        app:layout_constraintBottom_toBottomOf="parent"
        app:menu="@menu/bottom_menu" />

Answer 1

我想我知道 Play 商店是怎么做的了。存在一个名为 "Divider" 的 material 组件。

我刚刚将它添加为 BottomNavigationView 的子视图，它看起来与 Play 商店中的完全一样。

这是子视图的新代码：

<View
    android:id="@+id/divider"
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="?android:attr/listDivider" />

内容和底部导航视图 (material) 之间的分隔符，例如 PlayStore

Separator between content and bottom navigation view (material) like PlayStore

android

bottomnavigationview

material-components-android