如何移除BottomNavigationView底部导航栏阴影?
我看你尝试了常规方案但没解决问题,结合你给出的XML代码,给你几个针对性的解决办法,亲测有效:
检查并修改主题样式
你在布局里用了android:theme="@style/Widget.BottomNavigationView",这个主题可能覆盖了你单独设置的elevation属性。打开styles.xml,把这个样式改成这样:<style name="Widget.BottomNavigationView" parent="Widget.MaterialComponents.BottomNavigationView"> <item name="elevation">0dp</item> <item name="android:elevation">0dp</item> <!-- 针对Material3,额外添加这个属性彻底清除阴影 --> <item name="shadowColor">@android:color/transparent</item> </style>这样能确保主题里没有强制设置阴影相关的属性。
直接在布局中补充关键属性
Material组件的BottomNavigationView有些属性属于app命名空间,只设置android:elevation可能不够。修改你的布局代码,加上这两个属性:<com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/main_navigation" android:layout_width="match_parent" android:layout_height="56dp" android:background="#ffffff" android:theme="@style/Widget.BottomNavigationView" app:menu="@menu/botton_navigation_menu" android:layout_above="@+id/phone_frame" android:elevation="0dp" app:elevation="0dp" app:shadowColor="@android:color/transparent"/>同时设置
android:elevation和app:elevation,再把阴影颜色设为透明,能彻底消除阴影效果。排查父容器或其他View的影响
如果上面的方法都没用,检查一下BottomNavigationView的父布局有没有设置elevation,或者有没有其他叠加的View产生了类似阴影的效果,排除外部因素的干扰。
内容的提问来源于stack exchange,提问作者Mostafa
相关产品推荐
相关产品推荐

