So ändern Sie die App-Leiste zurück-Taste, Farbe

Ich kann nicht herausfinden, wie ändern Sie die appBar automatisches zurück-Taste, um eine andere Farbe. seine unter dem Gerüst, und ich habe versucht, um es zu erforschen, aber ich kann nicht umbrochen, mein Kopf herum. 

return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: Image.asset(
          'images/.jpg',
          fit: BoxFit.fill,
        ),
        centerTitle: true,
      ),
InformationsquelleAutor Mfreeman | 2018-07-24
  1. 85

    Verwenden Sie den iconTheme Eigenschaft aus der AppBar , wie diese:

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

    Oder wenn Sie wollen, verarbeiten Sie die zurück-Taste von selbst.

          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"),
    • Dies scheint der richtige Weg. Sollten akzeptiert werden.
    InformationsquelleAutor diegoveloper
  2. 19

    Sie können auch überschreiben Sie die Standardeinstellung "zurück" - Pfeil mit einem widget Ihrer Wahl, über "führende":

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

    alle die AppBar widget tut, ist ein Standard - "führende" - widget, wenn es nicht gesetzt wird.

    • Nicht ganz richtig, weil die AppBar wird auch angezeigt, die zurück-Taste, wenn ein ModalRoute geschoben wird.
    • Und setzen automaticallyImplyLeading: false in der AppBar.
    • Von Ihnen positiv bewertet werden für Navigator.of(context).pop(); Dank dude
    InformationsquelleAutor blaneyneil
  3. 10

    Schien es leichter zu sein, erstellen Sie einfach einen neuen button und fügen Sie Farbe, um es, heres, wie ich es Tat für alle Fragen

    Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: BackButton(
            color: Colors.black
        ),
    • Hat wunderbar funktioniert. Die konzentrierteste Lösung von allen.
    • BackButton existiert!! wow
    InformationsquelleAutor Mfreeman
Schreibe einen Kommentar