StatusBar background color iOS React Native

Question

Is there a method to set background color or transparent Statusbar on iOS?

"react-native": "0.54.2"

score 0 · Answer 1 · answered Mar 24 '18 at 19:22

0

You could check this question, it would be very helpful.

You could also use something like this: <StatusBar hidden={false} barStyle="light-content" />

This will give you the following look in iOS

answered Mar 24 '18 at 19:22

Omar Salah Elboredy

427
2
8

i'm using React Nativigation – Stefano Toppi Mar 25 '18 at 07:25
Could you please share the code snippet so I am able to run it and solve the problem for you !, I am also using react-navigation and it works well, I think there is no relation – Omar Salah Elboredy Mar 25 '18 at 13:42

score 0 · Answer 2 · answered May 11 '20 at 06:54

0

Just use this

<StatusBar translucent backgroundColor="transparent" />

answered May 11 '20 at 06:54

gypsicoder

5,416
5
24
38

score -1 · Answer 3 · answered Mar 24 '18 at 17:48

-1

You can use the rgba property, it holds 3 values, r stands for red g stands for green and b for blue. The a stands for alpha, The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque). A rgba value would look something like this ==>

backgroundColor: 'rgba(34,32,225, .6)'

answered Mar 24 '18 at 17:48

Sparky Tra-Guy Evangelista

11
3

2

hi, backgroundColor works only in android! – Stefano Toppi Mar 24 '18 at 18:01

StatusBar background color iOS React Native

3 Answers3