导航栏奇怪的行为

Question

我正在使用以下内容更改navigation bar的颜色

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <!--<item name="android:windowFullscreen">true</item>-->
    <item name="android:windowNoTitle">true</item>    
    <item name="android:statusBarColor">@color/colorPrimary</item>    
    <item name="android:windowLightStatusBar">true</item>
    <item name="android:navigationBarColor">@color/colorPrimary</item>
    <!-- Try chnaging the above line settings -->
    <item name="android:windowLightNavigationBar">true</item>
    <item name="android:actionBarStyle">@style/CustomActionBarStyle</item>
  </style>

我的运行Android Pie的PIXEL设备上的结果如下

这很好，但是在运行Android 7.1的android设备上，以下

你知道我在做什么错吗？

此外，我认为问题出在<!--<item name="android:navigationBarColor">@color/colorPrimary</item>部分