BottomNavigation 下的 Snackbar

Posted 2023-02-23

【中文标题】BottomNavigation 下的 Snackbar

【英文标题】：Snackbar under BottomNavigation

【发布时间】：2019-08-03 05:51:36

【问题描述】：

我正在尝试向用户展示一个 Snackbar，它位于 MainActivity 中的 RideFragment。但是 BottomNavigation 与 Snackbar 重叠，因此 Snackbar 根本不可读/不可见。我看到通过使用额外的 CoordinatorLayouts 解决了一些类似的问题，但我可以让它工作。

下面是它的样子：

这是 MainActivity 的 XML：

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_
android:layout_
tools:context=".main.MainActivity">

<android.support.design.widget.AppBarLayout
    android:layout_
    android:layout_
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_
        android:layout_
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.AppBarLayout>

<FrameLayout
    android:id="@+id/frame_container"
    android:layout_
    android:layout_
    app:layout_behavior="@string/appbar_scrolling_view_behavior">
</FrameLayout>

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_
    android:layout_
    android:layout_gravity="bottom"
    android:background="?android:attr/windowBackground"
    android:foreground="?attr/selectableItemBackground"
    app:itemBackground="@color/colorPrimaryDark"
    app:itemHorizontalTranslationEnabled="false"
    app:itemIconTint="@android:color/white"
    app:itemTextColor="@android:color/white"
    app:menu="@menu/navigation" />

有人可以帮我吗？

这是 RideFragment 的 XML（用于 Rides 选项卡）

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/constraintLayout"
android:layout_
android:layout_
tools:context=".main.RidesFragment">

<Button
    android:id="@+id/offerButton"
    android:layout_
    android:layout_
    android:layout_marginStart="8dp"
    android:layout_marginLeft="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginBottom="128dp"
    android:text="Offer"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<Button
    android:id="@+id/searchButton"
    android:layout_
    android:layout_
    android:layout_marginStart="8dp"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="32dp"
    android:layout_marginEnd="8dp"
    android:layout_marginRight="8dp"
    android:text="Search"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/offerButton" />

【参考方案1】：

将这个属性添加到您的BottomNavigationView：

app:layout_dodgeInsetEdges="bottom"

并以容器作为视图属性调用您SnackBar：

Snackbar.make(container, "Snackbar", Snackbar.LENGTH_SHORT).show()

【讨论】：

它有点工作，但结果如下：link我们可以反过来吗？

哦，我以为你想要它在酒吧下面。在这种情况下，您可以删除该属性并在 framecontainer 视图上显示快餐栏。那么它应该在底部栏上方。

大部分教程都忘了提到 Sanckbar.make(container part.thx.