Flutter修改狀態欄顏色以及字體顏色

Flutter沉浸式狀態欄

void main() {
  runApp(MyApp());
  if (Platform.isAndroid) {
    // 以下兩行 設置android狀態欄為透明的沉浸。寫在組件渲染之后，是為了在渲染后進行set賦值，覆蓋狀態欄，寫在渲染之前MaterialApp組件會覆蓋掉這個值。
    SystemUiOverlayStyle systemUiOverlayStyle =
        SystemUiOverlayStyle(statusBarColor: Colors.transparent);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
  }
}

Flutter修改狀態欄字體顏色

使用AnnotatedRegion包裹Scaffold，可以使得狀態欄顏色改變，有dark和light兩種

@override
  Widget build(BuildContext context) {

    return AnnotatedRegion<SystemUiOverlayStyle>(
      value: SystemUiOverlayStyle.light,
      child: Material(child:Scaffold(),),);
  }