BottomNavigationBar

A barra de navegação inferior (BottomNavigationBar) no Flutter é usada para fornecer uma maneira de navegar entre diferentes seções do aplicativo. Cada seção é representada por um ícone e um rótulo. Aqui está um exemplo de como você pode usar a BottomNavigationBar em seu aplicativo Flutter:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int _selectedIndex = 0;

  static const List<Widget> _widgetOptions = <Widget>[
    Text('Página 1'),
    Text('Página 2'),
    Text('Página 3'),
  ];

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Bottom Navigation Bar Example'),
        ),
        body: Center(
          child: _widgetOptions.elementAt(_selectedIndex),
        ),
        bottomNavigationBar: BottomNavigationBar(
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(
              icon: Icon(Icons.home),
              label: 'Página 1',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.business),
              label: 'Página 2',
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.school),
              label: 'Página 3',
            ),
          ],
          currentIndex: _selectedIndex,
          onTap: _onItemTapped,
        ),
      ),
    );
  }
}

Neste exemplo, BottomNavigationBar é usado na parte inferior da tela com três itens. Cada item tem um ícone e um rótulo. Quando um item é selecionado, o índice correspondente é atualizado no _selectedIndex. O conteúdo na tela principal muda com base no item selecionado.

Você pode personalizar os ícones, os rótulos, o estilo e o comportamento da BottomNavigationBar de acordo com suas necessidades específicas para criar uma experiência de navegação personalizada em seu aplicativo Flutter.