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

我注意到,StatusBar组件(React Native)没有任何道具包含任何types的图标或标志,如下所示: https : //facebook.github.io/react-native/docs/statusbar.html#状态栏

我想要一个图标(甚至只是一个小的宽x高的正方形)连续出现在networking栏旁边,而应用程序在后台运行。 我尝试将View组件与状态栏组合在一起,创build一个像这样的小红色矩形:

<View style={styles.container}> <StatusBar backgroundColor="blue" barStyle="light-content" /> </View> ); } } const styles = StyleSheet.create({ container: { width: 20, height: 20, backgroundColor: 'red' } }) 

然而,红色正方形出现在状态栏下方。 有任何想法吗?

编辑:我想要的是即使当应用程序在后台,我的应用程序徽标在状态栏上。 (提供VPN和位置服务的应用程序有时会这样做)。 这些是我们在状态栏上看到的常见图标,但是我想自己制作并放置在那里,如果是红圈或任何图像,

Solutions Collecting From Web of "如何将图标(图像,徽标..)添加到状态栏"

对于iOS,无法在状态栏中添加任何自定义图标,苹果不允许。

对于Android,您应该使用通知和通知pipe理器。 只需在Java中编写一个本地模块,当你的应用程序启动的时候这样做。 React Native允许你调用用Java编写的Native Module,看看这里https://facebook.github.io/react-native/docs/native-modules-android.html

你还应该阅读这个通知如何在应用程序运行时在状态栏中显示一个图标,包括在后台?

你不能改变状态栏。 苹果只允许你改变状态栏的外观。 对于iOS应用程序,也许改变外观全球适合你。

打开由ReactNative生成的.xcproj文件,然后:

  1. 在Info.plist中,您需要将“基于视图控制器的状态栏外观”设置为布尔值。
  2. 将其设置为NO在AppDelegate中设置样式,在didFinishLaunchingWithOptions函数中添加此代码: UIApplication.sharedApplication().setStatusBarStyle(UIStatusBarStyle.LightContent, animated: true)

Android状态栏中有2种图标。

一种是来自framework-res.apk并被提取到/ system / framework的系统图标,你不能在设备上没有一些提升的特权和挂载系统镜像读/写的情况下改变它们。

另一种是前面提到的通知图标。 对于iOS,你不能真正改变太多。

你的屏幕截图显示了两种types,你想把你的图标旁边的网吧图标,但这些是系统图标(在Android上)

这里是一个插件 ,处理通知(和通知图标)两个平台,包装一切,容易与反应使用你可以find一个iOS通知示例本地代码在这里和Android 在这里 :