如何一起使用底部导航栏和侧边导航栏,我的侧边导航按钮不显示,而是底部导航

Posted

技术标签:

【中文标题】如何一起使用底部导航栏和侧边导航栏,我的侧边导航按钮不显示,而是底部导航【英文标题】:How to use bottom navigation bar and side navigation bar together, my side navigation button is not showing when i but bottom navigation 【发布时间】:2020-01-29 10:54:24 【问题描述】:

我同时使用导航栏和底部导航栏,但我的侧导航抽屉没有显示,我在其中放置 FrameLayout 和底部导航代码。

【问题讨论】:

【参考方案1】:

您的 XML 代码必须采用以下格式

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout 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:layout_
    android:layout_
    android:fitsSystemWindows="true"
    android:id="@+id/drawer_layout"
    tools:context=".ui.activity.HomeActivity">

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_
        android:layout_>

        <FrameLayout
            android:id="@+id/fragments"
            android:layout_
            android:layout_
            android:fitsSystemWindows="true"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent">

        </FrameLayout>

        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/nav_view"
            android:layout_
            android:layout_
            android:layout_gravity="bottom"
            android:layout_marginStart="0dp"
            android:layout_marginEnd="0dp"
            android:background="?android:attr/windowBackground"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:menu="@menu/bottom_nav_menu" />
    </androidx.coordinatorlayout.widget.CoordinatorLayout>

    <com.google.android.material.navigation.NavigationView
        android:layout_
        android:layout_
        android:layout_gravity="start"
        android:background="#ffffff"
        android:id="@+id/sideNavigationView"
        app:headerLayout="@layout/layout_nav_header"
        app:itemIconTint="#000"
        app:itemTextColor="#000"
        app:menu="@menu/side_nav_menu">

    </com.google.android.material.navigation.NavigationView>

</androidx.drawerlayout.widget.DrawerLayout>

【讨论】:

以上是关于如何一起使用底部导航栏和侧边导航栏,我的侧边导航按钮不显示,而是底部导航的主要内容,如果未能解决你的问题,请参考以下文章

在 React 中动态更新导航栏和侧边栏的最佳方法是啥?

由于侧边栏和导航栏,React 中的未找到页面无法正常工作

在adminiTE与yii2的集成中创建固定的导航栏和固定滚动的侧边栏

滚动到带有导航栏和侧边栏的部分

一文搞定Flutter所有类型导航栏设计

element-admin,首页为普通vue页面,不需要需要侧边栏和导航栏