0

I am currently trying to make the statusbar transparent and it's working absolutely perfect on iOS but on Android, the react-navigation header is going behind it and thus making the title and left/right menu icons touching the statusbar, not sure how to add extra gap between it and make it look like earlier.

I have just added translucent and backgroundColor="transparent" on statusbar to make it work.

Please provide me a generic solution so that the change should occur throughout the application

I want the statusbar to be transparent as I am using backgroundImage

enter image description here

Improve this question
2
  • 1
    Are you using react-navigation v5?
    – Ian Vasco
    Commented Jul 31, 2020 at 13:20
  • @IanVasco - No, "react-navigation": "3.2.1" and I can't able to upgrade it right now
    – Saikat Saha
    Commented Aug 1, 2020 at 4:09
Related questions
8
React native statusbar not working with react-navigation in android
1
Header icon navigation not working on react navigation (React Native)
3
React navigation header title cut off
Load 7 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.