1. 沉浸式状态栏
Scaffold(
extendBodyBehindAppBar: true,
appBar: AppBar(
toolbarHeight: 0,
),
body: Container(color:Colors.red)
)
2. 状态栏的背景颜色
Scaffold(
appBar: AppBar(
backgroundColor: Colors.transparent,
),
body: Container(color:Colors.red)
)
3. 状态栏的文字颜色
Brightness.light
文字黑色Brightness.dark
文字白色文章来源:https://www.toymoban.com/news/detail-621786.html
Scaffold(
appBar: AppBar(
brightness: Brightness.light,
),
body: Container(color:Colors.red)
)
4. 沉浸式状态栏下的安全区域
Scaffold(
extendBodyBehindAppBar: true,
appBar: AppBar(
toolbarHeight: 0,
),
body: SafeArea(child:Container(color:Colors.red))
)
5. Android机器的状态栏颜色改为透明
默认是带个遮罩的,完全去除:文章来源地址https://www.toymoban.com/news/detail-621786.html
void main() async {
runApp(MaterialApp());
SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor:Colors.transparent);
SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
}
到了这里,关于Flutter 状态栏完美攻略的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!