首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当与Drawerlayout一起使用时,BottomNavigationView不显示

当与DrawerLayout一起使用时,BottomNavigationView不显示的原因可能是布局层次的问题。DrawerLayout是一个可以在屏幕边缘滑动的侧边栏布局,而BottomNavigationView是一个底部导航栏布局。当两者同时存在时,可能会出现覆盖或遮挡的情况。

解决这个问题的方法是确保BottomNavigationView位于DrawerLayout之外的布局中,以避免被DrawerLayout遮挡。可以将BottomNavigationView放置在DrawerLayout的外部布局中,或者将其放置在DrawerLayout的内容布局中的合适位置。

另外,还需要确保BottomNavigationView的布局参数设置正确。可以将其设置为固定在底部,并且高度适当,以确保在屏幕上可见。

以下是一个示例布局代码,展示了如何正确使用DrawerLayout和BottomNavigationView:

代码语言:txt
复制
<androidx.drawerlayout.widget.DrawerLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 主要内容布局 -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- 其他内容 -->

        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            app:menu="@menu/bottom_navigation_menu" />

    </RelativeLayout>

    <!-- 侧边栏布局 -->
    <LinearLayout
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:orientation="vertical">

        <!-- 侧边栏内容 -->

    </LinearLayout>

</androidx.drawerlayout.widget.DrawerLayout>

在这个示例中,BottomNavigationView被放置在DrawerLayout的外部布局中的RelativeLayout中,并且设置了android:layout_alignParentBottom="true"来固定在底部。侧边栏布局则被放置在DrawerLayout中的LinearLayout中。

请注意,这只是一个示例,实际布局可能因具体需求而有所不同。根据实际情况进行调整。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云官网:https://cloud.tencent.com/
  • 云服务器(CVM):https://cloud.tencent.com/product/cvm
  • 云数据库 MySQL 版:https://cloud.tencent.com/product/cdb_mysql
  • 云原生应用引擎(TKE):https://cloud.tencent.com/product/tke
  • 云存储(COS):https://cloud.tencent.com/product/cos
  • 腾讯云区块链服务(BCS):https://cloud.tencent.com/product/bcs
  • 腾讯云物联网平台(IoT Hub):https://cloud.tencent.com/product/iothub
  • 腾讯云人工智能(AI):https://cloud.tencent.com/product/ai
  • 腾讯云移动开发(移动推送、移动分析等):https://cloud.tencent.com/product/mobile
  • 腾讯云音视频服务(VOD、直播等):https://cloud.tencent.com/product/vod
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

1. Jetpack源码解析---看完你就知道Navigation是什么了?

,item的id必须要和navigation里面的fragment的id相同,否则点击事件生效,这里先提一下,下面会详细介绍。...Fragment的name是androidx.navigation.fragment.NavHostFragment,这是一个添加到布局中的特殊部件,NavHostFragment通过navGraphnavigation...NavController初始化好了之后,接下来将它和NavigationView、ToolBar、BottomNavigationViewDrawerLayout进行绑定: 3.4 setupActionBarWithNavController...我们看到它重载了很多方法,包括我们上面提到的NavigationView、ToolBar、BottomNavigationViewDrawerLayout。...这样就将组件的状态切换绑定起来了,fragment切换时,上面提到的接口分发,去切换布局按钮等状态。

2.6K30
  • 1. Jetpack源码解析---看完你就知道Navigation是什么了?

    ,item的id必须要和navigation里面的fragment的id相同,否则点击事件生效,这里先提一下,下面会详细介绍。...Fragment的name是androidx.navigation.fragment.NavHostFragment,这是一个添加到布局中的特殊部件,NavHostFragment通过navGraphnavigation...NavController初始化好了之后,接下来将它和NavigationView、ToolBar、BottomNavigationViewDrawerLayout进行绑定: 3.4 setupActionBarWithNavController...查看它的方法实现: 我们看到它重载了很多方法,包括我们上面提到的NavigationView、ToolBar、BottomNavigationViewDrawerLayout。...这样就将组件的状态切换绑定起来了,fragment切换时,上面提到的接口分发,去切换布局按钮等状态。

    2.2K20

    Material Design 在 Android 中的应用

    我想了下,就按照我做这个小项目,需要的控件顺序说起吧,这样也相当于大家跟我一起做出一个具有Material Design风格的APP了。 1、主题 一个项目的开始,你得先确定这个项目的主题颜色是什么?...setOnNavigationItemSelectedListener {} 3、DrawerLayout、NavigationView 和BottomNavigationView相对的,不得不介绍一下...3. scroll|enterAlwaysCollapsed ScrollView向下滑动时,DependentView先折叠到最小高度(这里是0),然后将事件交给ScrollView,ScrollView...那下拉的时候就是ScrollView滑动结束,才开始DependentView的滑动事件。 ?...使用时,需在setContentView()之前加上 window.requestFeature(Window.FEATURE_CONTENT_TRANSITIONS) 跳转时候这样写: startActivity

    1.2K20

    自定义View:手撸一个带FAB凹槽的底部导航栏

    juejin.cn/post/7337354931480199208 本文由作者授权发布 前言 底部导航栏相信大部分的Androider都不陌生,毕竟对于绝大多数的应用来说底部导航栏是首页的标配,也不缺各种花里胡哨按常理出牌的底部导航栏...同事:......那阁下又如何应对?(摆烂) emmmmm.....好了成功激起了我的好奇心,横竖现下手头上没啥要紧的活,那就自己手撸一个来玩玩hhhh!...(主要涉及:BottomNavigationView Navigation Fragment Canvas Path Animation CoordinatorLayout) 实现过程 导航栏页面跳转...Activity时选择Bottom Navigation Views Activity: 创建好了带导航栏的Activity后界面默认是这样子的效果: 接下来就是根据需求在小细节上修修补补了,由于只需要显示两个导航...唉慢着,这凹槽的深度不是还得跟随按钮的位置动态变化吗,那这些坐标又如何变动??老铁别急,下面继续来分析。

    18010

    Material Design整理(四)——DrawerLayout

    github地址:https://github.com/shuaijia/MaterialDesignProject 简介 DrawerLayout是Support Library包中实现了侧滑菜单效果的控件...; DrawerLayout分为侧边菜单和主内容两个部分,侧边菜单可以根据手势或点击控制展开隐藏,主内容区可随菜单点击而切换(自己实现); DrawerLayout 提供 界面弹出的时候,主要内容区会自动背景变黑...,点击内容区的时候,抽屉布局会消失 在屏幕边缘手势滑动 会拉出抽屉布局 注意:按后退键的时候,如果抽屉布局正在显示,则需要关闭抽屉布局 效果 ?...点击事件穿透问题 DrawerLayout界面点击事件穿透问题,即点击Drawerlayout上面的区域,会发现该位置DrawerLayout覆盖掉的区域的控件可以被点击 解决方法:在抽屉完全打开时设置

    70210

    DrawerLayout结合Tollbar实现菜单侧滑效果

    DrawerLayout(抽屉布局):谷歌官方的控件,可以简单的实现侧滑菜单; 此Demo主要是DrawerLayout结合Toolbar实现侧滑左上角返回键实现动画效果,点击左上角返回键实现动画效果并且滑出滑入侧滑菜单...--app:theme="@style/DrawerArrowStyle"设置旋转样式(DrawerLayout滑出返回键有一个动画)-- <android.support.v7.widget.Toolbar...: toolbar = (Toolbar) findViewById(R.id.toolbar); mDrawerLayout= (DrawerLayout) findViewById(R.id.drawerLayout...drawerView) { super.onDrawerClosed(drawerView);//开关状态改为closed } }; //第二步:该方法会自动和actionBar关联, 将开关的图片显示在了...action上,如果设置,也可以有抽屉的效果,不过是默认的图标 mDrawerToggle.syncState(); //第三步:设置抽屉滑出来,和滑进去的监听 mDrawerLayout.setDrawerListener

    1.3K10

    Android UI 备忘:DrawerLayout

    DrawerLayout 作者:飞龙 DrawerLayout是android.support.v4中提供的控件,用于实现边栏和侧滑效果。...创建 DrawerLayout 最好是界面的顶级布局,否则可能出现触摸时间被屏蔽的问题。它拥有两个子元素,第一个是主内容,第二个是菜单内容。...为了使菜单布局宽度合适,我将其设置为360dp。 主内容区的布局代码必须放在侧滑菜单布局的前面, 因为 XML 元素按 z 序(层叠顺序)排列,并且抽屉式导航栏必须位于内容顶部。...gravity):打开边栏 void closeDrawer(int gravity):关闭边栏 boolean isDraweropen(int gravity):判断边栏是否打开 参数gravity必须...mDrawerLayout.setDrawerListener(new DrawerListener() { /** * 抽屉滑动状态改变的时候被调用 * 状态值是STATE_IDLE

    94130

    听说谷歌Baba更新了 Material UI ...

    脑图呈现文本重点 前期配置 当初LZ前期配置遇了不少坑,这里我们一起回顾下: Step 1:打开工程目录下的build.gradle文件,并添加maven引用 allprojects {    repositories...项目有3到5个顶层(底部)目的地导航到时,可以使用此模式。...使用也是很Easy,如下: 创建一个菜单资源 ,最多5个导航目标(BottomNavigationView不支持超过5个项目); 在内容下面放置BottomNavigationView; 将BottomNavigationView...那下面按照步骤操作一次: Step 1:在布局中添加BottomNavigationView: <com.google.android.material.bottomnavigation.BottomNavigationView...这里再次简单描述相关细节: Bottom Sheets具有五种状态: STATE_COLLAPSED: Bottom Sheets是可见的,但只显示可视(部分)高度。

    3K20
    领券