Thread by @_Mo_Malaka_

💙 Are you a Flutter Developer? 💙

Expanded is a widget that expands a child of a Row, Column, or Flex so that the child fills the available space. Let me show you how to use the expanded widget to create
screen responsive layouts in Flutter

🤩🔥🚀

1/n
🧵 👇

#flutter

🌟 Use Expanded widget inside a Column widget

When we use Expanded widget inside a Column Widget, it takes the screen height as the available space and divides it equally

2/n
🧵 👇

🌟 Use Expanded widget inside a Column widget

You can use the Flex attribute for each of the expanded widgets to determine the screen ratio in which that widget is acquired.

3/n
🧵 👇

💡 Use Expanded widget inside a Row widget

When we use Expanded widget inside a Row Widget, it takes the screen width as the available space and divides it equally

4/n
🧵 👇

💡 Use Expanded widget inside a Row widget

You can use the Flex attribute for each of the expanded widgets to determine the screen ratio in which that widget is acquired.

5/n
🧵 👇

Thanks for checking this out!

1. Follow @_Mo_Malaka_ for more such threads.

2. Retweet the first tweet to spread awareness.

https://twitter.com/_Mo_Malaka_/status/1493446296019128322?s=20&t=5f0a3J59hkHqFoJNOZbDlA