Cómo cambiar el color del botón de retroceso de la barra de aplicaciones

Solución:

Tienes que usar el iconTheme propiedad de la 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 de retroceso 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, solo si desea cambiar el color del botón de retroceso.

appBar: AppBar(
  leading: BackButton(
     color: Colors.black
   ), 
  title: Text("Sample"),
  centerTitle: true,
),

también puede anular la flecha hacia atrás predeterminada con un widget de su elección, a través de ‘líder’:

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 ‘líder’ predeterminado si no está configurado.

Parecía más fácil crear un nuevo botón y agregarle color, así es como lo hice para cualquiera que se preguntara

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

---

---

Utiliza Nuestro Buscador