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
推荐阅读
- 第6.2章(设置属性)
- Android超简单实现沉浸式状态栏
- 15、IDEA学习系列之其他设置(生成javadoc、缓存和索引的清理等)
- Flutter的ListView
- performSelectorOnMainThread:withObject:waitUntilDone:参数设置为NO或YES的区别
- spring|spring boot中设置异步请求默认使用的线程池
- 运用flutter|运用flutter 构建一个发布版(release)APK
- Flutter自定义view|Flutter自定义view —— 闯关进度条
- Python绘制小红花
- day|day 28 设置路由表