https://github.com/amirbayat0/flutter-full-custom-bottom-navigation-bar

Flutter Animated Custom Bottom Navigation Bar with Custom Clipper 🚀✨📱
https://github.com/amirbayat0/flutter-full-custom-bottom-navigation-bar

app-development bottomnavigationbar bottomnavigationview coding-challenge cutom-view dartlang flutter flutter-apps flutter-bottom-navigation flutter-bottom-navigation-bar flutter-clippers flutter-custom-painter flutter-examples flutter-navigation flutter-ui flutter-ui-app flutter-ui-challenge flutter-ui-challenges flutter-ui-widgets flutter-widgets

Last synced: 6 months ago
JSON representation

Flutter Animated Custom Bottom Navigation Bar with Custom Clipper 🚀✨📱

• Host: GitHub
• URL: https://github.com/amirbayat0/flutter-full-custom-bottom-navigation-bar
• Owner: AmirBayat0
• License: mit
• Created: 2024-05-17T09:40:42.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-06T19:03:16.000Z (over 1 year ago)
• Last Synced: 2025-04-09T16:05:27.960Z (6 months ago)
• Topics: app-development, bottomnavigationbar, bottomnavigationview, coding-challenge, cutom-view, dartlang, flutter, flutter-apps, flutter-bottom-navigation, flutter-bottom-navigation-bar, flutter-clippers, flutter-custom-painter, flutter-examples, flutter-navigation, flutter-ui, flutter-ui-app, flutter-ui-challenge, flutter-ui-challenges, flutter-ui-widgets, flutter-widgets
• Language: Dart
• Homepage: https://youtu.be/NRLBq_Khmqs
• Size: 52.7 KB
• Stars: 25
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Custom Animated Bottom Navigation Bar in Flutter

### [Watch on YouTube](https://youtu.be/NRLBq_Khmqs)

[![Main](https://img.youtube.com/vi/NRLBq_Khmqs/0.jpg)](https://www.youtube.com/watch?v=NRLBq_Khmqs)

## Overview

Welcome to this GitHub repository where we will create a custom-animated Bottom Navigation Bar in Flutter from scratch! We'll use built-in widgets and classes to achieve smooth animations and a unique shape with a Custom Clipper. No external packages are needed!

## Features

- Smooth animations

- Unique shape using Custom Clipper

- Built-in Flutter widgets only

![h1-min](https://github.com/AmirBayat0/Flutter-Full-Custom-Bottom-Navigation-Bar/assets/91388754/31586fa5-c5b2-45da-aa24-383e623261a4)

## Installation

To get started with this repository, follow these steps:

1. Clone this repository to your local machine.

2. Open the project in your preferred Flutter IDE.

3. Run flutter pub get to install dependencies.

4. Start exploring the provided code examples

## License:

* This project is licensed under the MIT License. Feel free to use, modify, and distribute the code for your projects.

## Acknowledgements:

- Special thanks to the Flutter community for their valuable contributions and insights into Flutter app development.

## This link allows you to support me, and I appreciate your help:

* [SUPPORT](https://www.buymeacoffee.com/AmirBayat)

### My Socials:

* [INSTAGRAM](https://www.instagram.com/codewithflexz)

* [YOUTUBE]( https://www.youtube.com/c/ProgrammingWithFlexZ)

* [CONTACT ME](https://amirbayat.dev@gmail.com)

* [FIND MORE](https://zaap.bio/CodeWithFlexz)