Olá Nathan, tudo bem?
Para utilizar o BottomNavigationBar em seu projeto Flutter, você pode seguir os seguintes passos:
- Adicione o BottomNavigationBar ao Scaffold da sua tela principal:
Scaffold(
body: _telas[_indiceAtual],
bottomNavigationBar: BottomNavigationBar(
currentIndex: _indiceAtual,
onTap: (indice) {
setState(() {
_indiceAtual = indice;
});
},
items: [
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: 'Tela 1',
),
BottomNavigationBarItem(
icon: Icon(Icons.search),
label: 'Tela 2',
),
BottomNavigationBarItem(
icon: Icon(Icons.person),
label: 'Tela 3',
),
],
),
);
- Crie uma lista com as suas telas:
final List<Widget> _telas = [
Tela1(),
Tela2(),
Tela3(),
];
- Crie as suas telas:
class Tela1 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
child: Text('Tela 1'),
);
}
}
class Tela2 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
child: Text('Tela 2'),
);
}
}
class Tela3 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
child: Text('Tela 3'),
);
}
}
Dessa forma, você poderá navegar entre as suas telas utilizando o BottomNavigationBar. Lembre-se de adaptar o código para as suas necessidades.
Espero ter ajudado e bons estudos!