flutter設置沉浸式狀態欄

 

第一步.導包

import 'dart:io'; import 'package:flutter/services.dart'; 

第二步

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

第三步

class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( appBar: PreferredSize( child: Container( width: double.infinity, height: double.infinity, decoration: BoxDecoration( gradient: LinearGradient(colors: [Colors.yellow, Colors.pink])), child: SafeArea(child: Text("1212")), ), preferredSize: Size(double.infinity, 60)), ); } } 

利用PreferredSize隨意定制你的toolbar，如果是滑動布局可以使用sliverPreferredSize