android - 使用 RN 和 expo 更改 android 上的导航栏？

Question

我开始在 Expo 中使用 React Native，遇到了我的第一个问题。我想更改 Android 上导航栏的颜色。不幸的是，我不知道该怎么做。

我尝试使用 https://github.com/thebylito/react-native-navigation-bar-color#readme但它打印出以下错误:

TypeError: TypeError: null is not an object (evaluating 'NavigationBarColor.changeNavigationBarColor')

if (Platform.OS == 'android') {
  changeNavigationBarColor('#f00', true);
}

Answer 1

此功能已于 8 月 9 日合并到 expo 中。
您需要将这些指令添加到 app.json

{
  "androidNavigationBar": {
     /*
        Determines to show or hide bottom navigation bar.
        "true" to show, "false" to hide.
        If set to false, status bar will also be hide. As it's a general rule to hide both status bar and navigation bar on Android developer official docs.
      */
    "visible": BOOLEAN,
    /*
      Configure the navigation bar icons to have light or dark color.
      Valid values: "light-content", "dark-content".
    */
    "barStyle": STRING,

    /*
      Configuration for android navigation bar.
      6 character long hex color string, eg: "#000000"
    */
    "backgroundColor": STRING
  }
}

这是包含更多信息的拉取请求 https://github.com/expo/expo/pull/5280