Search code examples
androidiosreact-nativestatusbarreact-native-cli

how to make status bar use background as image in React Native

I want this status bar to take the background as this image, is it possible with react native and what could be the approach

enter image description here

Solution

  • Scale background image to fit device dimension then change StatusBar background to transparent and enable translucent

    <StatusBar
   backgroundColor="transparent"
   translucent={true}
/>