web-dev-qa-db-fra.com

Comment changer la couleur du texte de la barre d'état sur Ios

Je suis nouveau dans toute cette affaire de flottement. J'ai cherché partout pour trouver une solution à ce petit problème . Y a-t-il un moyen de changer la couleur de la barre d'état? De plus, quand j'utilise une couleur comme colors.blue, je peux voir que la qualité du texte est la barre d'état n'est pas bonne. 

Merci

 enter image description here

appBar: AppBar(
    elevation : 0.0,
    leading: IconButton(
      icon: Icon(Icons.menu),
      tooltip: 'Navigation menu',
      onPressed: null,
    ),
    actions: <Widget>[
      IconButton(
        icon: Icon(Icons.search),
        tooltip: 'Search',
        onPressed: null,
      ),
    ],
  ),
3
Antoine

@Antoine En gros, vous pouvez définir la luminosité de votre thème ou vous pouvez remplacer manuellement la luminosité de la barre d’application en utilisant les éléments suivants:

appBar: new AppBar(
  title: new Text(widget.title),
  brightness: Brightness.light, // or use Brightness.dark
),

Notez que cela ne fera que basculer entre la couleur du texte d'état blanc et noir.

Peut-être pour une couleur plus personnalisée, comme le commentaire dit, vous pouvez afficher la classe SystemChrome.

10
Allan Ho

@ Antoine ce problème était un mal de tête pour moi. J'ai utilisé le plugin statusbarColor https://pub.dartlang.org/packages/flutter_statusbarcolor pour changer la couleur de la barre d'état en noir. J'ai ensuite réglé la luminosité de l'application sur sombre car il s'agissait d'un arrière-plan sombre.

import 'package:flutter/material.Dart';
import 'package:flutter_statusbarcolor/flutter_statusbarcolor.Dart';
import 'package:flutter/services.Dart';

void main() async{

  try {
    await FlutterStatusbarcolor.setStatusBarColor(Colors.black);
  }  catch (e) {
    print(e);
  }


  runApp(MaterialApp(
    title: 'Using Keys',
    debugShowCheckedModeBanner: false,
    theme: ThemeData(
      primaryColor: Colors.white

    ),
    home: InputBox(),
  ));
}

class InputBox extends StatefulWidget {
  @override
  _InputBoxState createState() => _InputBoxState();
}

class _InputBoxState extends State<InputBox> {
  bool loggedIn = false;
  String _email, _username, _password;

  final scaffoldKey = GlobalKey<ScaffoldState>();     //a key for the state of the scaffold
  final formKey = GlobalKey<FormState>();             //a key for the state of the form

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: scaffoldKey,
      appBar: AppBar(
        //backgroundColor: Colors.white,
        centerTitle: false,
        brightness: Brightness.dark,
        title: Text("Using Keys",
            style: TextStyle(
              fontSize: 24.0,
            )),
        elevation: 4.0,
      ),
    );
  }
}
1
Victor