// Copyright 2014 The Flutter Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. import 'package:flutter/material.dart'; /// Flutter code sample for [NavigationBar]. void main() => runApp(const NavigationBarApp()); class NavigationBarApp extends StatelessWidget { const NavigationBarApp({super.key}); @override Widget build(BuildContext context) { return const MaterialApp(home: NavigationExample()); } } class NavigationExample extends StatefulWidget { const NavigationExample({super.key}); @override State createState() => _NavigationExampleState(); } class _NavigationExampleState extends State { int currentPageIndex = 0; @override Widget build(BuildContext context) { return Scaffold( bottomNavigationBar: NavigationBar( onDestinationSelected: (int index) { setState(() { currentPageIndex = index; }); }, indicatorColor: Colors.amber[800], selectedIndex: currentPageIndex, destinations: const [ NavigationDestination( selectedIcon: Icon(Icons.home), icon: Icon(Icons.home_outlined), label: 'Home', ), NavigationDestination( icon: Icon(Icons.business), label: 'Business', ), NavigationDestination( selectedIcon: Icon(Icons.school), icon: Icon(Icons.school_outlined), label: 'School', ), ], ), body: [ Container( color: Colors.red, alignment: Alignment.center, child: const Text('Page 1'), ), Container( color: Colors.green, alignment: Alignment.center, child: const Text('Page 2'), ), Container( color: Colors.blue, alignment: Alignment.center, child: const Text('Page 3'), ), ][currentPageIndex], ); } }