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

Question

新的Play商店底部导航栏如下所示。 如您所见，底部导航栏和主要内容之间有一个分隔符。 如何实现此分离器？ 我正在使用材质底部导航视图。

我当前的 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商店是如何做到的。 存在一种称为"分隔器"的材料组件。

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

下面是子视图的新代码：

<com.google.android.material.divider.MaterialDivider
android:id="@+id/divider"
android:layout_width="match_parent"
android:layout_height="wrap_content" />