第一步.導(dǎo)包
import 'dart:io';
import 'package:flutter/services.dart';
第二步
void main() {
runApp(new MyApp());
if (Platform.isAndroid) {
// 以下兩行 設(shè)置android狀態(tài)欄為透明的沉浸翻具。寫在組件渲染之后第焰，是為了在渲染后進(jìn)行set賦值，覆蓋狀態(tài)欄，寫在渲染之前MaterialApp組件會(huì)覆蓋掉這個(gè)值枢劝。
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净捅，如果是滑動(dòng)布局可以使用sliverPreferredSize
