React Native 中的样式载体、wifi、时间和电池

Question

有没有办法在 React Native 中设置最顶部元素的样式（运营商名称、wifi 强度、时间和电池）？我目前有一个充满屏幕的图像，所以想将它们调整为白色，但似乎找不到任何关于如何调整它们的文档 coloring/styling。

谢谢！

Answer 1

有一种方法可以设置状态栏的样式；你甚至可以隐藏它。 StatusBarIOS有以下方法：

static setStyle(style: StatusBarStyle, animated?: boolean) 
static setHidden(hidden: boolean, animation?: StatusBarAnimation) 
static setNetworkActivityIndicatorVisible(visible: boolean)

您要找的是 setStyle，它的第一个参数是 StatusBarStyle。正如您在代码中看到的，StatusBarStyle 是一个具有以下值的枚举：

type StatusBarStyle = $Enum<{
  'default': string,
  'light-content': string,
}>;

因此，要么对黑色使用 0，对白色使用 1，要么 'default' 和 'light-content'。

StatusBarIOS.setStyle(1);
StatusBarIOS.setStyle('light-content');

React Native 中的样式载体、wifi、时间和电池

Style carrier, wifi, time and battery in React Native

react-native