Flutter Align Widget - Flutter Widget Essentials #10 | Flutter UI Design Tutorial
Вставка
- Опубліковано 12 гру 2020
- #flutter #flutterwidget #align
In this 10th Flutter UI Design Video of the Widget Essentials Series, we will be taking an in depth look at Align Widget in flutter. We will be discussing Alignment in detail, discuss different ways of providing values to this Alignment depending on your Use Case using FractionalOffset and Alignment. You will also learn the power of align in Creating Complex UI's easily.
Previous Video (RichText Widget): • Flutter RichText Widge...
🔥 Learn About the MOST IMPORTANT WIDGETS in Flutter 👇:
👉 Widget Essentials Series: bit.ly/3GpfiYw
🔥 Auto-Generate Flutter Custom Paint Code TRY THIS FREE TOOL👇:
👉 Flutter Shape Maker: fluttershapemaker.com
👉🏻 Product Hunt: www.producthunt.com/posts/flu...
(Your UPVOTE Means a lot! 🙌)
If you find this video useful consider Supporting @RetroPortal Studio :
👉 Buy Me a Coffee: www.buymeacoffee.com/theretro...
👉 Patreon: / retroportalstudio
Social Links @RetroPortal Studio :
👉 Twitter: / theretroportal
👉 Medium: / retroportalstudio
👉 Instagram: / retroportalstudio
👉 GitHub: github.com/retroportalstudio
If you like the tutorial, please hit the LIKE and Subscribe button and also consider supporting me on Patreon or Buy Me a Coffee for More Flutter Tutorial on RetroPortal Studio.
Thank you for Watching! Happy Coding :)
If you find this video useful, consider Following me on:
Twitter: twitter.com/theretroportal
Instagram: instagram.com/retroportalstudio
LinkedIn: www.linkedin.com/in/parasjainrps
Git: github.com/retroportalstudio
Happy Coding! ✌️😁
The way teach, is super impressive
Very nice explanation sir thankyou so much 🙏🏼🙏🏼🙏🏼
Thank you!! You are a great teacher 👍🏻👍🏻
Very informative!
Thanks! I like the video. About the width and heightFactor, I had to see it more than once 😅
Thanks a lot
how to set in pageviewbuilder with same method
Thanks for the video!
But I didn't understand, why did the red circle stay at the Top-left corner, even though you set the alignment to Bottom-right??
When using width or height Factor , alignment does not work as usual. Align uses it to calculate its width/height with respect to the Alignment value passed. This is explained in the video and i'd suggest you to watch it once more if you are confused at the first view and do try it for yourself.✌🏻😁
You can imagine having a rectangle with width and height a half of circle in center of circle, when align bottom right edge of circle touch bottom right of this rectangle