fancy_custom_navbar 0.0.1

A beautiful custom bottom navigation bar with SVG support and concave dividers.

Your Flutter Package Name

A short and attractive description of what your package does.

---

✨ Features

• Easy to use widgets
• Customizable concave/convex shapes
• Lightweight and fast
• Supports Flutter Web, iOS, Android

---

📦 Installation

Add this to your pubspec.yaml:

dependencies:
  your_package_name: ^1.0.0

Run:

flutter pub get

---

ConcaveConvexContainer(
  height: 120,
  width: double.infinity,
  curveDepth: 20,
  child: Center(child: Text("Hello Shape!")),
)

---

🖼️ Use Case Preview

Below are example images showing how this package can be used:

Example 1 –

[Example 1]

Example 2 –

[Example 2]

Example 3 –

[Example 3]

---

⚠️ Limitations

• Maximum 4 items are supported across all devices.
• Long labels are not allowed (short labels recommended for best UI).

---

📐 Customization

You can customize:

• selectedColor
• unselectedColor
• innerContainerColor & outerContainerColor
• NavBarItem

Example:

BottomNavigation(
          currentIndex: selectedScreen,
          onTap: (newIndex) {
            setState(() {
              selectedScreen = newIndex;
            });
          },
          items: const [
            NavBarItem(label: "Home", icon: Icons.home),
            NavBarItem(label: "Love", icon: Icons.favorite),
            NavBarItem(label: "Profile", icon: Icons.person),
            NavBarItem(label: "Setting", icon: Icons.settings),
          ],
          selectedColor: Colors.red,
          unselectedColor: Colors.yellow,
          innerContainerColor: Colors.cyanAccent,
          outerContainerColor: Colors.cyan,
        ),

---

📂 Folder Structure

your_package/
│
├── lib/
│   └── fancy_custom_navbar.dart
│   └── src/
│        └── bottom_navigation.dart
│        └── concave_clipper.dart
│        └── nav_bar_item.dart
├── images/
├── images/
└── README.md

---

🤝 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.

---

📄 License

This project is licensed under the MIT License.

---

Made with ❤️ using Flutter