Cómo cambiar el color del botón Atrás de la barra de aplicaciones

Resuelto Mfreeman asked hace 6 años • 13 respuestas

No puedo entender cómo cambiar el botón de retroceso automático de la barra de aplicaciones a un color diferente. está debajo de un andamio y he tratado de investigarlo, pero no puedo entenderlo.

return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: Image.asset(
          'images/.jpg',
          fit: BoxFit.fill,
        ),
        centerTitle: true,
      ),
Mfreeman avatar Jul 25 '18 05:07 Mfreeman
Aceptado

Tienes que usar la iconThemepropiedad de AppBar, así:

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

O si desea manejar el botón Atrás usted mismo.

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

Aún mejor, sólo si deseas cambiar el color del botón Atrás.

appBar: AppBar(
  leading: BackButton(
     color: Colors.black
   ), 
  title: Text("Sample"),
  centerTitle: true,
),
diegoveloper avatar Jul 24 '2018 22:07 diegoveloper

También puedes anular la flecha hacia atrás predeterminada con un widget de tu elección, a través de 'principal':

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

Todo lo que hace el widget AppBar es proporcionar un widget "principal" predeterminado si no está configurado.

blaneyneil avatar Jul 25 '2018 05:07 blaneyneil