颤振应用更改状态栏以匹配相同的应用栏

Question

嗨，我正在尝试更改状态栏以匹配我的 appbar 的颜色，但我尝试这个时运气不好：

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

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

但在 iphone 上它能正确显示颜色

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

希望对您有所帮助

颤振应用更改状态栏以匹配相同的应用栏

flutter app change status bar to match same appbar

android

flutter

flutter-test

flutter-layout