Flutter Animation - Radial Menu at 60FPS

[@oztech]

I just love how these tutorials are constructed in a pretty effective way and damn fast! Thank you!

[@mauricesavery]

As a former teaching assistant for math and computer science in college, I'll say that my best students both passed with flying colors and failed. What was common was their passion for how it could be used in every day life.

[@Fireship]

Interesting, I wish I had time to take a trig class now - I think I would enjoy it a lot more now :)

[@chamsabressitoure521]

Please make more Videos about flutter. Your explanations are so straightforward und precise. 👍

[@mohammadrasoulfard-habibi3066]

I know right, there is a lot of terrible tutorials on the Web.

[@novacoax]

I was looking for different content but I had to give you a like because of that intro. 🔥🔥

[@moizalnoor1700]

i loved the background music :)

[@mohammadrasoulfard-habibi3066]

This was class, thanks buddy subscribed

[@arcticspacefox864]

Just scrolling through KZbin and seeing Napoleon Dynamite 😂😂😂 great man

[@dkragekjaer]

If it is a menu, one should be able to tap on the 10 buttons. When transforming a FloatingActionButton, you loose the tapping area, so it becomes nonresponsive. You need eg. to wrap it in a Column->Row widget.

[@lolanolan5616]

please explain this if you get the chance! am trying to get the buttons working

[@umairahmed3281]

Awesome tuts. Sir can u make whole channel where u can teach us all beginer to adv animation related to flutter.. I really want tht one

[@jakemitchell3976]

Omg this into is incredible

[@buraky16]

Thank you for supplying bot video and written content at the same time. Personally i prefer written content. Thanks a lot again, have a good day :)

[@sh1d0w91]

Great tutorial, thanks!

[@realliferevue]

amazing !

[@LuisCruz-su6ue]

Always watching your videos Jeff:)

[@Fireship]

Thank you for watching :)

[@nash9785]

Really enjoying your videos :)

[@enafor99]

Great tutorial! thanks

[@marianouvalle895]

Hey Jeff just one quick question, for the second button (the red one) you used [scale.value - 1.5] as the value for the transform Widget, this would lead to negative values, does transform get the absolute value? or how does that work?

[@fawazjoseph878]

I was thinking about this as well

[@Dorumin]

That's the problem with "clever" code like this, where edge cases aren't clearly defined or intuitive whereas a more direct approach would've been self expressive

[@marianouvalle895]

I’m pretty sure a negative scale value leads the same result as the positive one but the widget gets flipped, this is not noticeable because in this case it’s symmetric. However, a clearer explanation would’ve been appreciated.

[@lokeshar6649]

Really awesome.. loved it ✌

[@Fireship]

Thank you, just subbed to your channel 😎

[@lokeshar6649]

@@Fireship thank you Soo much... That means a lot for us.

[@luckie6593]

this is impressive

[@RoaiDude1]

You are absolutely amazing...

[@RNMERIA]

Thank you. It is really difficult to postpone your videos for a future date

[@bartlebob]

who knew Dart would come back !

[@zaaaff]

Okay, for now I only found these subliminal messages: 02:24 02:46 03:19 03:34 04:01 05:02 05:29 05:32 09:12 09:21 And they have something to do with the thing (profiler) on the smartphone's (emulator) screen that comes somewhere about 9:40 And also the cake is maybe a lie, and the easter egg may be the giftbox icon on the notification panel

[@zaaaff]

Also he says "controller" three times at 02:24, 02:46, 03:34, where (accidentally?) the subliminal messages appear

[@Fireship]

The Enrichment Center is required to remind you that you will be baked, and then there will be cake.

[@zaaaff]

There also should be something messed with trigonometry

[@zaaaff]

flutter.dev/docs/testing/ui-performance

[@MrZawe]

nice opening

[@corynorell3686]

Has anyone here seen the app Reflectly? If so, I would be very curious to hear how they made their large card swiping navigation system using Flutter.

[@Fireship]

I am familiar. Not sure how they did it, but that would make a great demo.

[@mohammadrasoulfard-habibi3066]

@@Fireship love this channel buddy, much love from sunny 🏴󠁧󠁢󠁥󠁮󠁧󠁿 England.

[@adibrahman9297]

Smooth ♥️

[@aytunch]

We want more customPainter and expert Flutter videos:)

[@mohammedsadiq1567]

how to give gesture detection to each menu??

[@mahmoudsalah5359]

awesome i like effect and your way to describe in vedio

[@DelgadoRecords]

What do you think about Flutter, ionic 4, and React Native? can you share us your thoughts for all of them for this near or long term future. Btw, amazing content as always

[@Fireship]

Thank you, I think they all have a place based on the use case. I'm thinking about doing a video called "how to build a mobile app in 2019", but you may find this useful itnext.io/should-you-use-ionic-4-fa04daebaffd

[@ZachSuerdieck]

Very slick

[@nathanthefirst]

This where times when fireship was happy

[@priyeshpatel4863]

awesome 👍

[@siddarthbhave8642]

Why is every intro in a fireship video soo trippy!?

[@vxrrr3298]

The menu FABs do not Work when you tapping on it we need a solution 😢

[@zehijean8817]

hi, the menu buttons arent working with onPressed apart from the opening an close methods.Any help resolving this issue would be awesome

[@zehijean8817]

Nevermind i found a workaround, for those of you who encounter the same issue with the detections of onPressed events, just put an invisible container before your close button and give it a good size, the hit detection will then function for your hidden FloatingActionButtons.

[@SrCorn-qd3gp]

@@zehijean8817 Can you show me how?pls

[@MisterDibitybopty]

@@zehijean8817 I've tried this and only 3 of the buttons seem to work. I don't suppose you have an example of how you fixed this do you?

[@zehijean8817]

Here is the deal the buttons are stacked on top of each others and the stack widget has the size of one button at rendering and layout time...when you open the menu , the buttons expand in circular fashion but the size of the stack stays the same and the buttons go out of the stack thus the hit detection do not work for those buttons...the workaround i found is to put an invisible container which size is big enough to encapsulate the expanded menu so that at layout time and rendering time the stack's size stay s consistent and hit detection works...i hope to have been of help to you guys.

[@icebakbum]

@@zehijean8817 How did you do it? Matrix 4 deformed position offset, click events are only valid at the center of the circle

[@bhavneetsingh5864]

Cool

[@christopherjonson7670]

Hi, do you familiar with Sorax youtube channel? He is a guru of javascript that gone a few years ago. You remind me of him very much

[@Fireship]

Had not heard of him, but looks like a cool channel (except I don't speak Russian)

[@mariodquiroz]

What i should add if i need to be able to scroll that menu? i mean like a knob

[@Rj1650-c2l]

I want to navigate to another screen onClick of any menu item, inside the _buildButton() method I'm not able to use the Navigator.of(context).push() method to navigate, What should I use to navigate without context?

[@DryadRoot]

I added some onClick code on the other buttons but it doesn't fire :(

[@hemantchauhan6437]

Why translate is multiplied with cos and sin ?Anyone pls explain. My trigonometry is not trigonometrying

[@kingkhan3161]

I tried this but for me the FABs around were not working on click.. I can't understand it

[@zaaaff]

No one else is trying to find the easter eggs? come on, we have to do it open-source way, share your finding

[@gerritweiermann79]

Which extension do you use that inserts your code for the tutorial?

[@darshangowda309]

Cut and undo in reverse fashion!

[@pradeep511]

Use white theme for see your code

[@zehijean8817]

if you are a failed trigonometry student then what am i ? Great stuff

[@darshangowda309]

first and excited for this :P

[@Fireship]

gold 🥞

[@shell11_]

what is your theme and font for vs code?

[@Fireship]

atom one dark

[@priyanshparmar819]

When i pressed any menu button it does nothing anyone knows why?

[@mohammedsadiq1567]

there's no gesture detection given

[@nikitas.doroshenko]

why not just using simple vanilla javascript and css? I mean on click just add some classes or datatype in html and animate everything with css. why use so many tools for so simple task?

[@darshangowda309]

On flutter?! What do u mean?

[@Fireship]

Flutter's animation is hard to compare to the web. It could def be simplified in ways, but a big difference is that your animation is tied to he app state so it can be orchastrated. Also, it deals with jank/vsync which can be problematic with css

[@lokeshar6649]

We are not dealing with the web application here.

[@MohUtopia]

No one will comment about the crying baby noise in the background ..

[@Fireship]

You can find a crying baby in all 170 of my videos

[@aleaallee]

Ugh, mobile app development looks difficult af.

[@Fireship]

That's what mobile app developers say about web development 😂 - but I will say basic animations are way easier on the web.

[@LukePighetti]

@@Fireship check out implicit animating widgets like AnimatedContainer.

[@Fireship]

@@LukePighetti Good call, I have plans for AnimatedContainer in combination with Firestore in the future :)

[@zaaaff]

I think I found the hidden easter egg, I suppose it is the egg in Duolingo app layout example, in video "Flutter Layouts for the CSS Developer" - kzbin.info/www/bejne/q2HIY39rrtSrfKsm5s It starts somewhere on 3:05 of that video

[@MightyMigi]

you talk to fast and you don't show us how you lay out each peace of the code but it is a good video over all just need to consider speed

[@Fireship]

Thanks for the feedback, that's basically the style of the channel, but I also have a write up to fill in any missing pieces 😁

[@NKHSP]

I literally didn't understood a single thing of it.

[@原貴悌]

I cannot believe that you were poorly graded for trigonometry!!

[@chanlito_]

Are you a web dev? If so, move along.