首页 > 解决方案 > 颤动应用程序更改状态栏以匹配相同的应用程序栏

问题描述

嗨,我正在尝试更改状态栏以匹配我的应用程序栏的颜色,但我没有任何运气,我正在尝试这个:

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: AnnotatedRegion<SystemUiOverlayStyle>(
        value: SystemUiOverlayStyle(statusBarColor: Colors.black,
        systemNavigationBarColor: Colors.black),

但我的状态栏仍然是这样的:

在此处输入图像描述

但在 iphone 上它正确显示颜色

在此处输入图像描述

标签: androidflutterflutter-layoutflutter-test

解决方案


导入这个

import 'package:flutter/services.dart';

并将此代码添加到主小部件树:

@override
  Widget build(BuildContext context) {

    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: Colors.blue,
      statusBarBrightness: Brightness.dark, // as you need dark or light
    ));

return MaterialApp(home: yourHomeWidgetWhereTheScaffoldIsDefined....

希望这可以帮助


推荐阅读