如何在 React Native 中更改导航栏的颜色

How to change the colour of nav bar in react native

还有它在文档中叫什么？我搜索了很多，我认为它应该被称为导航栏，但我找不到任何导航栏的参考

这就是我所说的..它位于我的 android 设备的底部，不符合任何主题。我把它作为一条直线，但有时它也是 3 个按钮的形式

为此，有几个 npm 库。 react-native-navigation-bar-color 是我的推荐

尽管我在 react native 文档中找不到任何内容，但这是我在 expo 文档中找到的内容 https://docs.expo.dev/versions/latest/sdk/navigation-bar/

这是用来控制条形颜色和可见性的。我不知道这是否只是我的 phone 的问题，但更改颜色不会改变所有内容，只是一个微弱的边框...但隐藏它效果很好

这是我使用的步骤

  1. 添加依赖
yarn add expo-navigation-bar
  1. 之后怎么办，我是隐藏了，所以先导入它
import * as NavigationBar from "expo-navigation-bar";
  1. 修改导航栏
NavigationBar.setVisibilityAsync("hidden");

编辑：我的代码中有错字，导致背景颜色更改不起作用。修复后它确实有效