Si el diseño de nuestra app lo requiere, a lo mejor no necesitamos que los appbar tengan un color de fondo y queremos mantener un fondo uniforme con el resto del contenido de las pantallas.
Una opción sería no utilizar appbars y en su lugar crear algún widget para mostrar el título y demás que forme parte del body. Pero el appbar nos da muchas posibilidades y seguramente no queramos perder las acciones, los menús, la «flechita para volver atrás» y demás.
Lo más sencillo quizá es hacer dos cosas:
- Decirle a nuestra appbar que su color de fondo es transparente
- Quitarle la elevación
Y si queremos que esta configuración aplique por defecto en todas las appbar de todas la pantallas de nuestra aplicación, tenemos el maravilloso theme de nuestro MaterialApp que nos permite configurar todas estas cosas de diseño por defecto:
2
3
4
5
6
7
8
9
10
theme: ThemeData(
appBarTheme: AppBarTheme(
backgroundColor: Colors.transparent,
elevation: 0
),
...
)
...
)
Así de simple. ¡Viva Flutter!