【问题标题】:flutter app change status bar to match same appbar颤动应用程序更改状态栏以匹配相同的应用程序栏
【发布时间】:2020-07-24 05:39:58
【问题描述】:

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

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

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

但在 iphone 上它可以正确显示颜色

【问题讨论】:

    标签: android flutter flutter-layout flutter-test


    【解决方案1】:

    导入这个

    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....
    

    希望对你有帮助

    【讨论】:

    • 嗨,我收到了这个ibb.co/6HPFrLT。仍然是黑色的状态栏
    猜你喜欢
    • 1970-01-01
    • 2015-01-21
    • 2015-10-01
    • 2010-09-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-23
    相关资源
    最近更新 更多