底部导航栏与ActionBar间出现粉色间隙问题求助

问题原因 #

• 主题配置错误：Base.Theme.MyApp中colorPrimary、colorPrimaryDark、android:statusBarColor都引用了Drawable资源@drawable/card_gradients，但Material3主题要求这些属性必须是颜色资源。系统无法解析Drawable作为颜色值时，会自动 fallback 到Material3默认的Primary粉色，这就是你看到的间隙颜色。
• 底部导航栏宽度未铺满：BottomNavigationView的android:layout_width设为wrap_content，可能导致导航栏未填满屏幕，放大了间隙问题的视觉效果。

解决方案 #

1. 修正主题颜色属性 #

把主题里错误引用Drawable的属性换成颜色资源，示例如下：

<style name="Base.Theme.MyApp" parent="Theme.Material3.DayNight.NoActionBar">
    <!-- 替换成你实际需要的颜色资源 -->
    <item name="colorPrimary">@color/primary_color</item>
    <item name="colorPrimaryDark">@color/primary_dark_color</item>
    <item name="colorAccent">@color/white</item>
    <item name="android:statusBarColor">@color/status_bar_color</item>
    <item name="android:windowFullscreen">false</item>
</style>

如果需要给状态栏设置渐变背景，不要用android:statusBarColor设Drawable，建议通过代码动态设置或者在布局顶部添加渐变View，并配合fitsSystemWindows属性实现。

2. 调整底部导航栏布局宽度 #

将BottomNavigationView的宽度改为match_parent，确保它铺满屏幕宽度：

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomNavigationView"
        android:layout_width="match_parent" <!-- 修改为match_parent -->
        android:layout_height="wrap_content"
        app:backgroundTint="@drawable/nav_item_background_selector"
        app:itemActiveIndicatorStyle="@color/white"
        app:itemBackground="@drawable/nav_item_background_selector"
        app:itemIconTint="@drawable/nev_item_select"
        app:itemTextColor="@drawable/nev_item_select"
        app:labelVisibilityMode="labeled"
        app:layout_constraintBottom_toBottomOf="parent"
        app:menu="@menu/bottom_nav" />

3. 兜底：设置窗口背景色 #

如果上述修改后仍有粉色残留，在主题中显式指定窗口背景色：

<item name="android:windowBackground">@color/your_window_bg_color</item>

内容的提问来源于stack exchange，提问作者Dulitha Bandaranayake