Flutter修改状态栏颜色

两种情况下对应修改App的状态栏颜色

1.有AppBar时

直接修改AppBar颜色即可

AppBar(
    backgroundColor: AppColors.primaryElementText,
)

2.无AppBar时

 ///状态栏样式
SystemUiOverlayStyle customSystemUiOverlayStyle = SystemUiOverlayStyle(
 statusBarColor: Colors.transparent,
 statusBarIconBrightness: Brightness.light,
 statusBarBrightness: Brightness.light, //顶部状态栏的亮度
);

AnnotatedRegion<SystemUiOverlayStyle>(
  value: customSystemUiOverlayStyle, 
  child: ...
)

3.自定义

可以自定义一个AppBar,把AppBar的高度设置为0,把AppBar的颜色设置为自己先要的颜色

appBar: PreferredSize(
    preferredSize: Size(0, 0),
    child: AppBar(
        backgroundColor: AppColors.topElement,
        elevation: 0,
    ),
),

赏

谢谢你请我吃糖果