React Native Tutorial - 15 - Status Bar

[@pavankumar.r2587]

Your teaching style, enthusiasm, and ability to break down complex concepts into easily understandable parts are truly remarkable 👌😊

[@LinuxForLife]

Source code, just in case ...
import { useState } from "react";
import { Button, StatusBar, View } from "react-native";
export default function App() {
const [isStatusBarVisible, setIsStatusBarVisible] = useState(false);
return (
setIsStatusBarVisible(!isStatusBarVisible)}
/>

);
}
Enjoy!

[@mauroreis4006]

thank you

[@LinuxForLife]

@@mauroreis4006 My pleasure.

[@fawaazshaikh5997]

Thanks for the code, can you explain me one thing please ? In this line of code onPress={() => setIsStatusBarVisible(!isStatusBarVisible)} I was trying to do - onPress={() => setIsStatusBarVisible(true)} why did that not work and why is the (!) one working ?

[@namikaze5374]

@@fawaazshaikh5997 setIsStatusBarVisible(!isStatusBarVisible) - it works both ways so you can turn the status bar on and off. Your solution works in one direction

[@timiskiswrld4351]

me too bro i tried using the true and it didn't work@@fawaazshaikh5997

[@mr.shameless4144]

Please includes push notification and sign in with google

[@anjarasoaherimampiadana]

Thank you for all the amazing tutorial

[@seddeknadhem5638]

thank you bro ... waiting for more

[@nextleveltech267]

Lot of love ❤️❤️

[@michealskup5730]

Useful video. Thank you 😊

[@asowers1]

Was able to add a button to toggle the state of the status bar 👍

[@martinsameh1]

how?

[@BukkyOdunsi]

Exceptional ❤

[@MinisterGold]

i kept trying barStyle="light-content" for white icons and text in the status bar, but it wasn't working. Looked up expo's documentation. Turns out its just style="light" within the status bar.

[@rimzzlabs]

seems like API has been updated

[@rimzzlabs]

because this video was uploaded 6 Months ago

[@mohammadfaisal3649]

bhai please tell me how to set the color of area below the navigation area also know as gesture area, which is meant to quickly switch between the recent apps in android. How to set the color according to background color. Please it is urgent.

[@talkwithvictor]

How do you make this work with expo router when you have a layout file

[@iamnottech8918]

can someone help i am not able to run barstyle it is giving error

[@KouCain]

challenge answer:
import { useState } from 'react';
import { View, StatusBar, Button} from 'react-native';
export default function App(){
const [isStatusBarVisible, setisStatudBarVisible] = useState(false)
return (


setisStatudBarVisible(!isStatusBarVisible)}
/>

);
}

[@sumingurung9539]

can we customly change background color of status bar in ios? i cannot find the logic for it

[@arixmotions]

guy literally said background color is only supported on android. if you want it on ios your gonna have to make something custom

[@codesaif8075]

Challenge Answere:-
const StatusBarComponent = () => {
const [hideStatuBar, setHideStatusBar] = useState(false);
return (

setHideStatusBar(!hideStatuBar)}
/>


);
};
export default StatusBarComponent;
import this componenet in App.js

[@ryansatriayudha]

Can you please help me make my content such as texts appear under the statusbar instead of on the statusbar with the clock?

[@youssefelammari5515]

instead of wraping the text in view wrap it in SafeAreaView

[@harsh_g2543]

status bar hidden but there is black area instead ,
is it because of notch camera ??????

[@anirbanchatterjee5942]

When and why use Status Bar?

[@vignesh-l3i]

why should we use this status bar sir ??

[@vaishnutejass2724]

Please include upload a file from file manager