黑暗主题与底部导航视图

Question

我正在尝试为我的应用制作一个日夜主题。我有麻烦使底部导航视图自动从白色背景切换到黑色bg。

这是我的底层导航代码，

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background="@android:color/white"
        app:itemIconTint="@drawable/bottomnavstate"
        app:itemTextColor="@drawable/bottomnavstate"
        app:menu="@menu/bottom_navigation_main" />

建议使用白色背景以在按下时产生涟漪效果。

我的主题如下：

<style name="AppTheme" parent="Theme.AppCompat.DayNight">
    <item name="android:colorPrimary">@color/primaryColor</item>
    <item name="android:colorPrimaryDark">@color/primaryDarkColor</item>

    <item name="android:colorAccent">@color/accentColor</item>

    <item name="colorControlHighlight">@color/accentColor</item>

    <item name="android:windowLightNavigationBar">true</item>
    <item name="android:navigationBarColor">@android:color/background_light</item>
</style>

我尝试过的事情：
 1.添加了一个从应用主题扩展的新主题，如下所示

 <style name="BGTheme" parent="AppTheme">
        <item name="android:background">@android:color/white</item>
    </style>

将该主题添加到底部导航小部件但我看到一个奇怪的涟漪效果，它延伸到导航栏之外，底部导航栏也失去了它的高度。

任何解决方案？