Cómo eliminar el relleno adicional alrededor del ícono principal de AppBar en Flutter

Solución:

Simplemente agregue una propiedad llamada titleSpacing,

Muestra

appBar: AppBar(
        leading: Icon(Icons.android),
        titleSpacing: 0,
        title: Text(widget.title),
      ),

No puede hacer esto porque es un widget predefinido. Sin embargo, puede hacer esto:

appBar: AppBar(
  automaticallyImplyLeading: false, // Don't show the leading button
  title: Row(
    mainAxisAlignment: MainAxisAlignment.start,
    crossAxisAlignment: CrossAxisAlignment.center,
    children: <Widget>[
      IconButton(
        onPressed: () => Navigator.pop(context),
        icon: Icon(Icons.arrow_back, color: Colors.white),
      ),
      // Your widgets here
    ],
  ),
),

Dónde automaticallyImplyLeading: true esconde el protagonista IconButton para que pueda agregar sus propios widgets.

Respuesta corta:

AppBar(
  leadingWidth: 8, // <-- Use this
  centerTitle: false, // <-- and this
  leading: Icon(Icons.android),
  title: Text('Title'),
)

---

Más personalizaciones:

AppBar(
  leading: Transform.translate(
    offset: Offset(-15, 0),
    child: Icon(Icons.android),
  ),
  titleSpacing: -30,
  centerTitle: false,
  title: Text("Title"),
)

---

Si no desea utilizar ningún widget principal:

AppBar(
  title: Text('Title'),
  centerTitle: false,
  titleSpacing: 0,
)

---

---

Utiliza Nuestro Buscador