如何将图标(图像,徽标..)添加到状态栏

Question

我注意到StatusBar组件(React Native)没有任何道具可以包含本文档中的任何类型的图标或徽标:https: //facebook.github.io/react-native/docs/statusbar.html#状态栏

我想在应用程序在后台运行时,连续出现在网络栏旁边的图标(或者甚至只是一个小的宽度x高度方块).我尝试将View组件与状态栏组合在一起,创建一个像我这样的小红色矩形:

      <View style={styles.container}>
        <StatusBar
          backgroundColor="blue"
          barStyle="light-content"
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
   width: 20,
   height: 20,
   backgroundColor: 'red'
  }
}) 

然而,红色方块刚出现在状态栏下方.有任何想法吗？

编辑:我想要的是即使应用程序在后台,也可以在状态栏上显示我的应用程序徽标.(提供VPN和位置服务的应用程序有时会这样做).

Answer 1

对于 iOS，不可能在状态栏中添加任何自定义图标，苹果不允许这样做。

对于 Android，您应该使用通知和通知管理器。只需用 java 编写一个本机模块，在您的应用程序启动时执行此操作。React Native 允许你调用用 Java 编写的 Native Module，看看这里https://facebook.github.io/react-native/docs/native-modules-android.html

您还应该阅读通知如何在应用程序运行时（包括在后台）在状态栏中显示图标？