Summary of fluent systemchrome

Fix App toward

 * Single direction

If it is necessary to fix the application in a single direction , Just set the required direction attribute ;

//  Vertically 
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
//  Vertical down 
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitDown]);
//  Horizontal left 
SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft]);
//  Horizontal right 
SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeRight]);

 

* Multidirectional

  If required, the direction of application varies with gravity induction , Multiple direction attributes need to be set ;

//  In the vertical direction 
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp, DeviceOrientation.portraitDown]);
//  horizontal direction 
SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft, DeviceOrientation.landscapeLeft]);
//  Multidirectional 
SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft, DeviceOrientation.landscapeLeft, DeviceOrientation.portraitUp]);

 

Tips:

1. portraitDown Properties, please note , It usually doesn't work in multiple directions , The system will not reverse by default ;
2. In multi-directional setting, the initial direction can be divided into two cases , The first one is ： The current gravity sensing direction is not in the set multi direction list , The initial direction is the first setting method in the list ; The second kind ： The current gravity sensing direction is in the set multi direction list , Regardless of the order , By default, the current gravity sensing direction is displayed ( Not portraitDown)

 

Set the top status bar and Bottom system key

Top status bar Top status bar   Time Electric quantity   Display of operator and other information   hide

**setEnabledSystemUIOverlays** Is to specify the system overlay that is visible when the application is running , Mainly for the operation of the status bar , It's hard to read , But it's clear from the test cases ; Parameters are divided into **top Top / bottom Bottom ** Two kinds of ;

* Only the top status bar SystemUiOverlay.top

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);

  

* Only bottom system buttons   SystemUiOverlay.bottom

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);

 

* Both have

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top, SystemUiOverlay.bottom]);

 

Set status bar color Top + Bottom

setSystemUIOverlayStyle： Used to style the top and bottom of the status bar , The default is **light** and **dark** Pattern , You can also customize the style according to your needs ;

 * Bottom status bar color   systemNavigationBarColor

 This attribute is only used for  **Android**  Equipment and  **SDK >= O**  when , Bottom status bar color ;

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(systemNavigationBarColor: Colors.pink));

 

 

 * Bottom status bar and main content split line color systemNavigationBarDividerColor

 This attribute is only used for  **Android**  Equipment and  **SDK >= P**  when , Bottom status bar and main content split line color , The effect is not obvious ;

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(systemNavigationBarDividerColor: Colors.yellow));

 

 

 * Bottom status bar icon style systemNavigationBarIconBrightness

 This attribute is only used for  **Android**  Equipment and  **SDK >= O**  when , Bottom status bar icon style , Mainly three key colors 

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(systemNavigationBarColor: Colors.pink));

 

  * Top status bar background color   statusBarColor

 This attribute is only used for  **Android**  Equipment and  **SDK >= M**  when , Top status bar color ;

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(statusBarColor: Colors.red));

 

 

  * Top status bar icon color   statusBarIconBrightness

 This attribute is only used for  **Android**  Equipment and  **SDK >= M**  when , The brightness of the top status bar icon ; But the side dish doesn't feel obvious ;

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(statusBarIconBrightness: Brightness.dark));

 

  * Top status bar color   SystemUiOverlayStyle; This state Yes, there are gray and Bright colors Two kinds of

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);

SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);