Skip to content

The network

Add your feed Account Follow @itsallwidgets on X (opens in a new tab)
Videos
Video

Create Soccer Hexagon in Flutter with Animation

by Prateek Sharma youtube.com

15 min 3.1k views

Watch on YouTube

#flutter #animation #complex #soccer TIMELINE 00:00 - Intro 01:04 - Create the outer-most hexagon 07:28 - Create inner hexagons 08:12 - Creating labels 10:24 - Create a player polygon 13:09 - Animate the polygon 14:34 - Add another player Hello everyone, Welcome back to my channel Techie Blossom. In this video, I will teach you to create a hexagon shape and animate it which I came across while playing FIFA. This particular hexagon shape is very popular in soccer where a player has 6 major attributes - Pace, Shooting, Passing, Dribbling, Defending, and Physicality. We can visually compare two players’ stats and find which is better in each. So, what we should do to create this widget using Flutter. Let’s see that in this video. ► Sponsor my GitHub work - https://github.com/sponsors/TechieBlossom ► Nominate as a Github Star- https://bit.ly/3dLXFWJ (@TechieBlossom) ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Other Videos ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ➨ Movie App Pro App Series - https://www.youtube.com/playlist?list=PL342JVRNQxEAcQdnNeN0JmMzfcm6VtLxS ➨ Neumorphism, Gradient Chart & Custom Shape End Drawer - https://youtu.be/oExw0U4U_UI ➨ Google Stadia App Concept - https://youtu.be/-rqvZfUdSPw ➨ Local Events App - https://youtu.be/pAYGLroI1DI ➨ Sidebar animation and navigation - https://youtu.be/oExw0U4U_UI ➨ Despicable Me Characters App - https://youtu.be/2cl70GbiJZc ➨ Flight Ticket App Playlist - https://youtu.be/WBcoWif202s ➨ Video Game Messaging App - https://youtu.be/2E-n0WWooGs ➨ Bloc Tutorials - https://youtu.be/S2KmxzgsTwk ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Support!! ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Helps me in carving out more time for tutorials ❤️ Buy me a Coffee https://www.buymeacoffee.com/AGd0Xngci or here is my ❤️ PayPal account paypal.me/techieblossom ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ Follow me! Show your support towards the channel: ━ ━ ━ ━ ━ ━ ━ ━ ━ ━━ ━ ━ ━ ━ ━ ━ ━ ━ ━ 🎯 Medium - https://medium.com/@prateeksharma 🎯 Twitter - https://twitter.com/SharmaPrateek7 🎯 Website - https://www.techieblossom.com 🎯 Github - https://github.com/TechieBlossom SUBSCRIBE FOR MORE VIDEOS LIKE THIS LIKE & SHARE THANKS FOR WATCHING!🙏🙏🙏

Made by

Prateek Sharma @prateeksharma 🇮🇳 India

Available for hire

View Prateek on Flutter Pro
Forum

Questions about this, or something to add?

Discuss on the forum

Topics Bloc Navigation and routing

More like this

Report this · Wrote this? Claim it

Supported by