PhysiGo/app/lib/menu/main_page.dart

import 'package:flutter/material.dart';
import 'package:physigo/exercises/exercises_page.dart';
import 'package:physigo/friends/friends_page.dart';
import 'package:physigo/home/home_page.dart';
import 'package:physigo/ranking/ranking_page.dart';

class MainPage extends StatefulWidget {
  const MainPage({Key? key}) : super(key: key);
  @override
  State<MainPage> createState() => _MainPage();
}

class _MainPage extends State<MainPage> {
  static const List<Widget> _widgets = [
    HomePage(),
    ExercisesPage(),
    RankingPage(),
    FriendsPage(),
  ];
  int _selectedIndex = 0;

  void _onMenuTap(int newIndex) {
    setState(() {
      _selectedIndex = newIndex;
    });
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        bottomNavigationBar: BottomNavigationBar(
          selectedItemColor: Colors.blueGrey.shade700,
          selectedFontSize: 18,
          selectedLabelStyle: const TextStyle(decoration: TextDecoration.underline),
          selectedIconTheme: const IconThemeData(size: 32),
          unselectedItemColor: Colors.black,
          type: BottomNavigationBarType.fixed, // need to specify fixed with more than 3 items
          currentIndex: _selectedIndex,
          onTap: _onMenuTap,
          items: const [
            BottomNavigationBarItem(icon: Icon(Icons.home), label: "Home"),
            BottomNavigationBarItem(icon: Icon(Icons.sports_gymnastics), label: "Exercises"),
            BottomNavigationBarItem(icon: Icon(Icons.emoji_events), label: "Ranking"),
            BottomNavigationBarItem(icon: Icon(Icons.people), label: "Social"),
          ],
        ),
        body: _widgets[_selectedIndex],
      ),
    );
  }
}