导航栏奇怪行为

我正在用下列方法来改变 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 7.1的android设备上

知道我在这里做错了什么吗?

另外,我认为这个问题 <!--<item name="android:navigationBarColor">@color/colorPrimary</item>