// 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 [BottomNavigationBar]. void main() => runApp(const BottomNavigationBarExampleApp()); class BottomNavigationBarExampleApp extends StatelessWidget { const BottomNavigationBarExampleApp({super.key}); @override Widget build(BuildContext context) { return const MaterialApp(home: BottomNavigationBarExample()); } } class BottomNavigationBarExample extends StatefulWidget { const BottomNavigationBarExample({super.key}); @override State createState() => _BottomNavigationBarExampleState(); } class _BottomNavigationBarExampleState extends State { int _selectedIndex = 0; static const TextStyle optionStyle = TextStyle( fontSize: 30, fontWeight: FontWeight.bold, ); static const List _widgetOptions = [ Text('Index 0: Home', style: optionStyle), Text('Index 1: Business', style: optionStyle), Text('Index 2: School', style: optionStyle), Text('Index 3: Settings', style: optionStyle), ]; void _onItemTapped(int index) { setState(() { _selectedIndex = index; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text('BottomNavigationBar Sample')), body: Center(child: _widgetOptions.elementAt(_selectedIndex)), bottomNavigationBar: BottomNavigationBar( items: const [ BottomNavigationBarItem( icon: Icon(Icons.home), label: 'Home', backgroundColor: Colors.red, ), BottomNavigationBarItem( icon: Icon(Icons.business), label: 'Business', backgroundColor: Colors.green, ), BottomNavigationBarItem( icon: Icon(Icons.school), label: 'School', backgroundColor: Colors.purple, ), BottomNavigationBarItem( icon: Icon(Icons.settings), label: 'Settings', backgroundColor: Colors.pink, ), ], currentIndex: _selectedIndex, selectedItemColor: Colors.amber[800], onTap: _onItemTapped, ), ); } }