react-native-modalize icon indicating copy to clipboard operation
react-native-modalize copied to clipboard

Status bar background color

Open anymexe opened this issue 3 years ago • 5 comments

Hello,

How can I change the statusbar color or is there a alternative like statusbartranslucent ? And how can I change the overlay ? My react navigation header is white If I open modal

anymexe avatar Jul 08 '21 07:07 anymexe

Anyone found a solution for this? Stuck with this too on Android!

mickaeloak avatar Dec 06 '21 19:12 mickaeloak

same problem +1

EmreKorpe avatar Dec 09 '21 19:12 EmreKorpe

news

ciaoamigoschat avatar Feb 03 '23 14:02 ciaoamigoschat

This is what I added to one of the modalize causing some issues with the StatusBar:

<Modalize
  onOpen={() => {
  if (Platform.OS === 'android') StatusBar.setBackgroundColor('#000', true);
  }
  onClose={() => {
  if (Platform.OS === 'android') StatusBar.setBackgroundColor('#FFF', true);
  }
>
{/* Content Here */}
</Modalize>

chrismerino avatar Feb 13 '23 16:02 chrismerino

<Modalize
	onOpen={() => {
		if (Platform.OS === "android") {
			StatusBar.setBackgroundColor("rgba(0, 0, 0, 0.65)", true);
			StatusBar.setBarStyle("light-content");
		}
	}}
	onClose={() => {
		if (Platform.OS === "android") {
			StatusBar.setBackgroundColor(Colors.white, true);
			StatusBar.setBarStyle("dark-content");
		}
	}}
>
	{/* Content Here */}
</Modalize>;

SathishSaminathan avatar Feb 12 '24 07:02 SathishSaminathan