Widget-ul NavigationBar (Material 3) în Flutter în Flutter

Bara de navigare inferioară conformă specificației moderne Material Design 3 cu indicatoare de selecție fluide.

Sintaxă
NavigationBar(selectedIndex: index, destinations: [ NavigationDestination(...) ])

Ce este NavigationBar în Material 3

În specificația Material 3, vechiul widget BottomNavigationBar a fost înlocuit de NavigationBar. Acesta oferă indicatoare vizuale elegante de tip capsulă (pill indicator), etichetare flexibilă și animații moderne conforme ghidului Google Material You.

Exemplu Concret: Meniu de navigare la baza ecranului
int _indexSelectat = 0;

Scaffold(
  bottomNavigationBar: NavigationBar(
    selectedIndex: _indexSelectat,
    onDestinationSelected: (idx) => setState(() => _indexSelectat = idx),
    destinations: const [
      NavigationDestination(icon: Icon(Icons.home_outlined), selectedIcon: Icon(Icons.home), label: 'Acasă'),
      NavigationDestination(icon: Icon(Icons.search), label: 'Căutare'),
      NavigationDestination(icon: Icon(Icons.person_outline), selectedIcon: Icon(Icons.person), label: 'Profil'),
    ],
  ),
);

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Widget-ul NavigationBar (Material 3) în Flutter

Ai o nelămurire despre utilizarea comenzii Widget-ul NavigationBar (Material 3) în Flutter sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.