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 { @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)), ); } }

【flutter设置沉浸式状态栏】利用PreferredSize随意定制你的toolbar,如果是滑动布局可以使用sliverPreferredSize

    推荐阅读