Home > OS >  Change navigation bottom bar color on splash screen flutter
Change navigation bottom bar color on splash screen flutter

Time:08-03

Splash Screen

How change the navigation bar color of the splash screen ? I'm using flutter_native_splash: ^2.2.7

I want the status bar color to be like color #e8472d

CodePudding user response:

You can create a custom SystemUiOverlayStyle using the default constructor. The color of the system nav bar is defined there. But to avoid setting a lot of null values, use the copyWith method to update the values from an existing light/dark theme.

const mySystemTheme= SystemUiOverlayStyle.light
 .copyWith(systemNavigationBarColor: Colors.red);

You can imperatively set the system nav color using the SystemChrome static methods.

SystemChrome.setSystemUiOverlayStyle(mySystemTheme);

CodePudding user response:

I think you get your solution from here

N.B: If you feel benefitted, please support by upvoting. Thanks in advance.

  • Related