instagram_bottom_nav_bar 2.0.4

Best bottom bar structure created to control page flow.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:instagram_bottom_nav_bar/instagram_tab_view.dart';
import 'package:instagram_bottom_nav_bar/widget/instagram_tab_item.dart';
import 'pages/home_page.dart';
import 'pages/messages.dart';

main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: InstagramTabView(
        selectedItemColor: Colors.black,
        unselectedItemColor: Colors.grey.shade400,
        backgroundColor: Colors.white, // Default is Colors.white
        elevation: 12, // Default elevation is 12,
        showSelectedLabels: true, // Default showSelectedLabels is true,
        showUnselectedLabels: true, // Default showUnselectedLabels is true
        iconSize: 24, // Default iconSize is 24,
        bottomNavigationBarType: BottomNavigationBarType.fixed,
        items: [
          InstagramTabItem(label: 'Home Page', page: HomePage(), icon: Icon(Icons.add)),
          InstagramTabItem(label: 'Profile', page: Messages(), icon: Icon(Icons.refresh)),
        ],
      ),
    );
  }
}