notch_bottom_navigation 0.0.1

A customizable bottom navigation bar with an inward notch and center FAB for Flutter. Configurable icons, colors, and pages.

notch_bottom_navigation A customizable bottom navigation bar with an elegant inward notch and a floating action button (FAB) for Flutter.

Features

• Modern inward-notch design with smooth curves.

• Center Floating Action Button (FAB) with customizable color and icon.

• Supports multiple pages and icons.

• Active tab indicator dot.

• Configurable selected and unselected colors.

• Easy to integrate with any app.

Getting Started Add this to your pubspec.yaml:

dependencies: notch_bottom_navigation: ^0.0.1

Or run: flutter pub add notch_bottom_navigation

Usage

import 'package:flutter/material.dart'; import 'package:notch_bottom_navigation/notch_bottom_navigation.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget { const MyApp({super.key});

@override Widget build(BuildContext context) { return MaterialApp( title: 'Notch Bottom Navigation Demo', home: CustomNotchBottomNavigation( pages: const [ Scaffold(body: Center(child: Text('Home'))), Scaffold(body: Center(child: Text('Search'))), Scaffold(body: Center(child: Text('Notifications'))), Scaffold(body: Center(child: Text('Settings'))), ], icons: const [ Icons.home, Icons.search, Icons.notifications, Icons.settings, ], fabIcon: Icons.add, fabColor: Colors.deepPurple, selectedColor: Colors.deepPurple, unselectedColor: Colors.grey, onFabTap: () => debugPrint('FAB tapped'), ), ); } }

Additional Information Found a bug? Please open an issue here: GitHub Issues

Want to contribute? Pull requests are welcome!

License This project is licensed under the MIT License.