Flutter component concept created with Flutter using Dart programming

Flutter component concept created with Flutter using Dart programming

Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Rab Bar. This component was created inspired by the GIF at the end of this page.

Gooey Tab Bar Flutter

Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Tab Bar.

About

This component was created inspired by the GIF at the end of this page. The component is using Animations, Clip Path, Transform and Stream's with RxDart proprieties to better simulate the inspiration GIF.

The Constructor Data Fields

final Widget child; // Hidden menu
final Color colorMenuIconDefault; // Main icon color when not pressed
final Color colorMenuIconActivated; // Main icon color when activated
final Color backgroundMenuIconDefault; // Main background icon when not pressed
final Color backgroundMenuIconActivated;// Main background icon when activated
final Color background; // Background color
final List<IconButton> iconButtons; //Tab bar icons

The Inspiration

The GIF below shows the inspiration component.

App Running

The App

The GIF below shows this current component running.

App Running

Download Details:

Author: wiltonribeiro

GitHub: https://github.com/wiltonribeiro/gooey_tabbar_flutter

flutter dart

What's new in Bootstrap 5 and when Bootstrap 5 release date?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Random Password Generator Online

HTML Color Picker online | HEX Color Picker | RGB Color Picker

Flutter for Beginners 2020 - Build a Flutter App with Google's Flutter & Dart

Free Flutter Introduction for Beginners: Get Started with Flutter and learn how to build an iOS and Android app with Flutter! Flutter Crash Course for Beginners 2020 - Build a Flutter App with Google's Flutter & Dart

Flutter - How to Add AdMob Real Ads in Flutter App | Flutter AdMob Tutorial

Hello Whats is up Everyone So, Today I am going to show u How to Add Admob Real ads in Flutter apps which are very Easy Implement After watching this video u...

Charts Library for Flutter, written in Dart with Flutter

Charts Library for Flutter, written in Dart with Flutter.. LineChart and VerticalBarChart Library for Flutter

Dart Programming Tutorial | Learn the Dart for Flutter

Learn Dart Programming for Flutter- Beginners Tutorial - Udemy Free Course

Master The Basics Of Flutter | Learn Dart & Flutter

4,548 students enrolled. Learn Dart & Flutter for creating Mobile Apps - Beginners Tutorial - Udemy Coupon Free Course