2

背景:我的背景是 Web 开发、ruby 和 javascript。我正在开发一个主要是 react-native 应用程序,所以很可能我错过了一些基本的东西。

我想要的是

android导航栏为白色,带有深色系统按钮,请参阅链接白色导航栏中的图像

我当前的代码

res/values/style.xml

<resources>
  <style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:windowLightNavigationBar">true</item> 
    <item name="android:windowTranslucentNavigation">false</item>
    <item name="android:navigationBarColor">#FFFFFF</item>
  </style>
</resources>

正在发生的事情

背景和按钮是白色的。这对 UX 来说不是很好。

** 我试过的 **

这就是我现在所处的位置在 Android 上更改导航栏图标颜色

我尝试将 style.xml 放在一个values-v27文件夹中。

4

2 回答 2

6

我刚刚研究了同一主题,发现您需要在设备/模拟器上至少运行 Android 9.0(或 API 级别 28)才能使其正常工作。

另外,我必须将它添加到栏的颜色中:

<item name="android:navigationBarColor">@android:color/white</item>

所以,推荐的步骤:

  • 创建一个 values-v28 文件夹
  • 插入样式:
<item name="android:navigationBarColor">@android:color/white</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:windowLightNavigationBar">true</item>

在您的其他值文件夹中,您不得不忍受这个 windowsLightNavigationBar 不适用的事实......

小备注

我还发现了此更改的一个错误,当将应用程序置于后台然后再次打开它时,导航栏按钮会在变为深色之前保持白色一秒钟

于 2019-07-03T12:22:43.907 回答
0

您的代码按我的预期工作。确保正确写入文件名和文件路径:

https://imgur.com/xclYDuZ

于 2019-03-14T23:22:18.193 回答