una titulo poner pestaña navegador imagen icono como barra android ios react-native statusbar

android - titulo - poner favicon en php



Cómo agregar un icono(imagen, logotipo...) a la barra de estado (3)

Me he dado cuenta de que no hay elementos para que el componente StatusBar (React Native) incluya un icono o logotipo de ningún tipo como en esta documentación: https://facebook.github.io/react-native/docs/statusbar.html#statusbar

Me gustaría que aparezca un ícono (o incluso un ancho pequeño en el cuadrado de la altura) junto a la barra de redes continuamente mientras la aplicación se ejecuta en segundo plano. Intenté combinar el componente Vista con la barra de estado para crear un pequeño rectángulo rojo como este:

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

Sin embargo, el cuadrado rojo acaba de aparecer debajo de la barra de estado. ¿Algunas ideas?

Edición: lo que quiero es tener el logotipo de mi aplicación en la barra de estado, incluso cuando la aplicación está en segundo plano. (Las aplicaciones que proporcionan VPN y servicios de ubicación lo hacen a veces).


Hay 2 tipos de iconos en la barra de estado de Android.

Un tipo son los iconos del sistema que provienen de framework-res.apk y que se extraen al / system / framework , no puede cambiarlos sin tener algunos privilegios elevados en el dispositivo y montar la imagen / escritura del sistema.

El otro tipo son los iconos de notificación como se mencionó aquí anteriormente. Para iOS realmente no puedes cambiar mucho.

La captura de pantalla muestra ambos tipos y desea colocar su ícono junto al ícono de las barras de Red, pero esos son íconos del sistema (en Android)

Aquí hay un complemento que trata con notificaciones (e íconos de notificación) para ambas plataformas y envuelve todo, fácil de usar y con reacción. Puede encontrar un ejemplo de código nativo para notificaciones de iOS here y Android here :


No puedes cambiar la barra de estado. Apple solo te permite cambiar la apariencia de la barra de estado. Para la aplicación ios, tal vez el cambio de apariencia global funcione para usted.

Abra el archivo .xcproj generado por ReactNative y:

  1. En su lista de información, debe configurar "Ver el aspecto de la barra de estado basada en el controlador" en un valor booleano.
  2. configúrelo en NO configure el estilo en AppDelegate agregando este código en la función UIApplication.sharedApplication().setStatusBarStyle(UIStatusBarStyle.LightContent, animated: true) : UIApplication.sharedApplication().setStatusBarStyle(UIStatusBarStyle.LightContent, animated: true)

Para iOS no es posible agregar íconos personalizados en la barra de estado, Apple no lo permite.

Para Android debes usar el Administrador de notificaciones y notificaciones. Simplemente escriba un módulo nativo en java que haga esto cuando se inicie su aplicación. React Native le permite llamar a Native Module escrito en Java, eche un vistazo aquí https://facebook.github.io/react-native/docs/native-modules-android.html

También debes leer esto para notificaciones This