Flutter Tutorial - Animated Circular FAB Menu | The Easy Way | Expandable FAB Menu

Подписаться 200 тыс.

Просмотров 14 тыс.

50% 1

How to create a beautiful animated Floating Action Button Menu in Flutter using the Flow widget.
Click here to Subscribe to Johannes Milke: ru-vid.com...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/anim...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/#/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
TIMELINE
0:00 Introduction Animated Circular FAB Menu
0:06 Maths for Circular FAB Menu
1:11 Create FABs Using Flow Widget
3:24 Create Circular FAB Menu
4:29 Animate Floating Action Buttons
5:46 Rotate FABs Animation
6:38 Scale FABs Animation
7:10 Position FABs Using Flow Widget
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

Наука

Опубликовано:

3 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 24

@HeyFlutter Год назад

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/animated_fab_menu_example

@StreamPop 2 года назад

thank you bro you teached me 70% of flutter

@srunrathaes128 Год назад

Awesome tutorial, I love your teaching

@HeyFlutter Год назад

Thanks, @srunrathaes128! 🙂

@easyschoolBD 2 года назад

You are just amazing teacher

@NavdeepPoet 2 года назад

Awesome Video ... Keep it Up

@Tay74514 2 года назад

This guy is a boss

@usamashahbaz8060 2 года назад

Appreciated

@thinhnguyen-vg4zm Год назад

thank you !!!

@HeyFlutter Год назад

You are welcome, thinh nguyen!

@dhrubrawat9316 2 года назад

Great

@junggewkang6636 2 года назад

Hi, thanks for useful video. I did things you ask to watch your source code . but your sites didn't send email back.

@klajdimyftari4691 Год назад

Thanks for the tutorial! Can you tell me how to swap the last item icon with one of the animated icons I click?

@HeyFlutter Год назад

Hey 😊, @klajdimyftari4691! Check out this solution: stackoverflow.com/a/58883133 I hope it may help you

@flexydevs 2 года назад

Is this possible to record audio in video player in video player the video is playing some animation playing with inbuild audio and we record our audio in video player and play with our audio with that video and save our audio with that video... Is this possible in flutter please help me I'm stuck with this problem

@vamsikrishnathanikanti1261 2 года назад

Thanks. You didn't mention how the menu icon changed to X icon when animating forward. And also when I try for source code, I got the mail but button is not responding in mail

@subhendugorai9010 Год назад

Same here

@ziakhan1299 2 года назад

How can I achieve onPreseed fucntion of icons that emerged from fab menu?

@daviddoria753 2 года назад

In the onPressed() method of FloatingActionButton(), you can add if statements to make the buttons do stuff like this ( I used different icons for mine, so just replace those with whatever you are using: onPressed: () { /// Expand and retract the buttons if (controller.status == AnimationStatus.completed) { controller.reverse(); } else { controller.forward(); } /// Make the buttons do something if (icon == Icons.monetization_on){ // Do Something... } else if (icon == Icons.shopping_bag) { // Do Something... } else if (icon == Icons.event) { // Do Something... } else if (icon == Icons.person) { // Do Something... }

@mikroelektro 2 года назад

What if you have 10 or 20 button and you want to rotate by scrolling to view hidden buttons. Is that achievable?

@cholasimmons 11 месяцев назад

like an analog phone dial?

@mrchauhan1637 2 года назад

You know what? You are genius man

@aminelahrim8142 2 года назад

AnimatedGridList any ideas

@arinzechukwuhillary0zor644 2 года назад

why do you do only for icons, the video is of no use, we can't click individual icons to navigate to another page or perform a specific action on individual icons, come on