08 - Align |
#shorts #flutter #align #widgets
Align widget helps in aligning the widget with respect to its parent. Like in the example, the logo is aligned towards top left side of this wrapped box. The box indicates allowed space for Logo to align.
On changing the alignment to topCenter, you can notice the movement.
There are set of alignments defined already.
Like topLeft, topCenter, topRight.
Then centerLeft, center, and centerRight.
And lastly, bottomLeft, bottomCenter and bottomRight.
Well, you can also define height Factor. This height factor will be used to calculate height of the Align widget. You see, the height of wrapping box is now 1.5 times the logo height.
When height factor is 2, it’s double the height of logo.
And, similarly width factor can also be applied.
You saw some pre-defined Alignments. But, internally they are just x and y values. So, you can give a custom one as well.
Nominate as a Github Star: https://bit.ly/3dLXFWJ (@TechieBlossom)
Support Us in any of the below ways:
💜 / techieblossom
💜 https://www.buymeacoffee.com/AGd0Xngci
Contributions:
👨🏻💻 / prateeksharma
👨🏻💻 https://www.github.com/TechieBlossom
Feel free to connect with me:
🤝 / sharmaprateek7
🤝 https://www.topmate.io/prateeksharma
Watch video 08 - Align | online without registration, duration hours minute second in high quality. This video was added by user TECHIE BLOSSOM 12 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 382 once and liked it 19 people.