React Native Notification Tray 和 AppBar 颜色

Question

我正在使用 react-native-paper 和 react-navigation 并且通知托盘背景颜色不是 AppBar 颜色的较暗阴影，如 react-native-paper 的文档中所示，我无法找到解决方法这样做。

我已经实现了一个基本项目，它的要点可以在以下链接中看到： https://snack.expo.dev/@throwawayacc/grumpy-milkshake

预期输出：

电流输出

从上面可以看出通知托盘颜色与AppBar颜色相同。我如何让它像预期的输出一样工作。您可以在上面的链接中查看当前的实现。

Answer 1

您可以使用此https://reactnative.dev/docs/statusbar#backgroundcolor-android 将状态栏更改为不同的颜色。

只需从 react-native 导入 StatusBar。并将此代码像这样放在您的屏幕组件中。例如

// codes...

function HomeScreen(props) {
  return (
    <View style={style.container}>

      <StatusBar
        animated={true}
        backgroundColor="#3B008F"
         />

      <Text>Home Screen</Text>

// codes...