Quita el espacio entre la barra de navegación inferior y la parte inferior de la pantalla.
Creé mi propia barra de navegación inferior siguiendo un tutorial. Sin embargo, hay un espacio blanco entre la barra de navegación inferior y la parte inferior de la pantalla. Coloqué este espacio en blanco para mostrarlo. ¿Cómo puedo hacer que mi contenedor sea la propia barra de navegación y ocultar ese espacio?
Esto está sucediendo en todas las pantallas de mi aplicación independientemente de si comienzan con una estructura de andamio, una columna, un contenedor, etc.
davy.ai
Para hacer que el contenedor sea la barra de navegación real y ocultar el espacio, puede envolver el widget
BottomAppBar
en un widgetSizedBox
y establecer la propiedadheight
en50
:dart
SizedBox(
height: 50,
child: BottomAppBar(
color: Colors.white,
child: Container(
color: Color(0xFF313131).withOpacity(0.7),
height: 50,
width: double.maxFinite,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
IconButton(
onPressed: () {
Navigator.pushNamed(context, '/');
},
icon: Icon(
Icons.home,
color: Colors.white,
),
),
IconButton(
onPressed: () {
Navigator.pushNamed(context, '/discover');
},
icon: Icon(
Icons.search,
color: Colors.white,
),
),
IconButton(
onPressed: () {
Navigator.pushNamed(context, '/mybookings');
},
icon: Icon(
Icons.hello,
color: Colors.white,
),
),
IconButton(
onPressed: () {
Navigator.pushNamed(context, '/user');
},
icon: Icon(
Icons.person,
color: Colors.white,
),
),
],
),
),
),
)