web-dev-qa-db-fra.com

Comment changer la couleur du bouton de retour appBar

Je n'arrive pas à comprendre comment changer le bouton de retour automatique de l'appBar en une couleur différente. son sous un échafaud et j'ai essayé de le rechercher mais je ne peux pas envelopper ma tête autour de lui.

return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: Image.asset(
          'images/.jpg',
          fit: BoxFit.fill,
        ),
        centerTitle: true,
      ),
flutter
27
Mfreeman

Vous devez utiliser la propriété iconTheme de la barre d’application, comme ceci:

  appBar: AppBar(
          iconTheme: IconThemeData(
            color: Colors.black, //change your color here
          ),
          title: Text("Sample"),
          centerTitle: true,
        ),
        body: Text("Sample body"),
      );

Ou si vous voulez gérer le bouton de retour par vous-même.

      appBar: AppBar(
               leading: new IconButton(
               icon: new Icon(Icons.arrow_back, color: Colors.black),
               onPressed: () => Navigator.of(context).pop(),
              ), 
              title: Text("Sample"),
              centerTitle: true,
            ),
            body: Text("Sample body"),
68
diegoveloper

vous pouvez également remplacer la flèche de retour par défaut par un widget de votre choix, via 'lead':

leading: new IconButton(
  icon: new Icon(Icons.arrow_back, color: Colors.orange),
  onPressed: () => Navigator.of(context).pop(),
),

tout ce que fait le widget AppBar, c'est fournir un widget "principal" par défaut s'il n'est pas défini.

19
blaneyneil

Il semblait plus facile de créer un nouveau bouton et d'y ajouter de la couleur. Voici comment je l'ai fait pour ceux qui se demandent.

Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: BackButton(
            color: Colors.black
        ),
9
Mfreeman