Comment changer la couleur de la barre d'état dans Flutter?

Question

J'essaie de changer la couleur de la barre d'état en blanc. J'ai trouvé ce pub sur le flutter. J'ai essayé d'utiliser l'exemple de code sur mes fichiers de fléchettes.

Answer 1

Fonctionne parfaitement bien dans mon application

 import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    FlutterStatusbarcolor.setStatusBarColor(Colors.white);
    return MaterialApp(
      title: app_title,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(title: home_title),
    );
  }
}

( ce paquet )

UPD: Une autre solution

 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
  statusBarColor: Colors.white
));

Answer 2

Mise à jour recommandée):

Sur la dernière version de Flutter, vous devez utiliser:

 AppBar(
  backwardsCompatibility: false,
  systemOverlayStyle: SystemUiOverlayStyle(statusBarColor: Colors.orange),
)

---

Uniquement Android (plus de flexibilité):

 import 'package:flutter/services.dart';

void main() {
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    systemNavigationBarColor: Colors.blue, // navigation bar color
    statusBarColor: Colors.pink, // status bar color
  ));
}

---

IOS et Android:

 appBar: AppBar(
  backgroundColor: Colors.red, // status bar color
  brightness: Brightness.light, // status bar brightness
)