Excelente aula professor! Me ajudou muito. Para quem estiver com dificuldades com o onClick, façam o seguinte: na classe CircularButton substituam o IconButton pelo FloatingActionButton, o mesmo traduz automaticamente a região do click junto com o widget. Você também pode colocar o FloatingActionButton dentro de um container e redimensioná-lo; assm: Container( width: this.radius, height: this.radius, child: FloatingActionButton( heroTag: this.heroTag, child: this.icon, tooltip: this.tooltip, backgroundColor: this.color, onPressed: this.onClick, ), ) Pronto! Os seus problemas estarãoresolvidos.
Fix for onClick not working on Button Transition has been posted on Git! Thanks for the contribution! ✌😁 If you find this video useful, consider Following me on: Twitter: twitter.com/theretroportal Instagram: instagram.com/retroportalstudio Happy Coding! ✌️😁
Best explanation on how to create smooth animations. Sending my support of your channel through Patreon. Thank you for all your great videos bro. Peace!
Wow Thank You soo much for this tutorial 😊🙏 This is clever solution exactly what I need in my project ! Like always very well explain tutorial thank You for sharing your knowledge 😊
Hey, why can't i click on secondary buttons? Them "clicks" don't work. Thank you for the help. But can you say how do i can make this buttons clickables?
This is great. But is it actually possible to add functionality to the widgets that are animated? I noted you didn't add any actual functionality to the 'on click' property of the flyout buttons. When i try to do so myself, it doesn't work. It simply doesn't seem to recognised its been tapped.
@@masoudh6856 hey Masoud. I got it working in the end but can't remember exactly how. It's something to do with the fact that the buttons get moved outside of the box area where gestures are detected. You need to enlarge the detectable area of the button so the flyout buttons remain within that area that registers taps. I think I did it by setting the width of the main button positioned widget to double infinity so it spread across the whole width of the screen or something like that
The problem is there are not in the same area which gesture the click event try to wrap it with container and give the container any color so you can see the boundary of it ..then you will know what to do. Now my laptop isn't near from me otherwise I was write the code here but if you need the code this is my email reemsoftware.engineering@gmail.com
my onClick of backside buttons are not working, I've copied your code as well but still onClick isn't working. maybe there is a problem in the Circular button constructor where you've declared the "Function onClick" coz your code is showing error in that constructur that Type "Function" can't be assigned to the parameter type "voidFunction()?". I tried with this as well but same result :(
But I wanted to do this for FAB now using this it goes down unseen under other widgets. Is there any way that it will pop up over other widgets and when this menu is clicked the background is grey(disabled). Please reply
brother actually the aninations happen but the button click is not happening i mean when the button come out and if i select the camera button its event is not firing.
@@RetroPortalStudio I am trying to add your complete stack to floatingActionButton: getbottomCenterFloatingButton(), attribute via a method. nothing has changed even i copied your entire source code. but still the buttons are not clickable.. I did tried to parse them into inkwell and even tried other options .. nothing worked.
Hi! The fix use IgnorePointer on the top of the stack... Can you explain how it can fix the onClick issue please and what is the trick? I use your work with some differences in my project and need to wrap the stack in a Container with some height and width as a work around but i don't use the IgnorePointer. But now i'm not able to click on items behind this container ... I probably miss something. Thanks a lot for your work. It's awesome. (excuse for my english, i'm french...)
Sorry! I get it. IgnorePointer expand height and width to the Stack (so click events can be captured) and touch events are ignored only for the IgnorePointer's child.
Its a problem with Transform 👨🚀 Figured it out later. Transform doesnt Translate the Click Region along with the widget. Will post the workaround on github soon. ✌😁
@@RetroPortalStudio I've just copied fromt he github repo less than an hour, and it is not working for me, can you please point out to fix so I can check my code again?
@@RetroPortalStudio If I use different layout on the body widget, the child button cannot receive callbacks, because the container in the IgnorePointer must be set to be large enough to cover the child buttons, then it workds. Is there a better solution?
@@RetroPortalStudio That issue seems to be closed about a year ago. It does reference #32192, but that one has been open 6 months now. It's definitely the problem though, if you don't translate the buttons they do work.
Bro please tell how to use chrome custom tabs in flutter, although there is a package for this, but that package is very very slow and has many bugs too. Please tell how to use chrome custom tabs in flutter
Guys im having issues when i try to call the onpressed function, nothing happens. It seems because we are using a stack and only the button on top is accesible to the actions. How can i make all buttoms work when onpressed/onClick is pressed? Thnks in advance
nvm i figured out... i took this tutorial as a challenge and was tying to build it on my own with very little guidence from the video lol... i just forgot to add the IgnorePointer() in the iconbuttons stack.