Expanded widget example in flutter

This Article is posted by seven.srikanth at 11/27/2022 1:59:27 AM



<p>Hi All,</p> <p>Here is a quick example on Expanded widget in flutter.</p> <p>Here is the output from this example.</p> <p>![](https://fluttercentral.com/Uploads/f0d4aad7-ad63-46cd-a7d2-c8f3bb6d7ede.jpgwidth="50%height="auto](</p> <p>Here is the example code from main.dart file.</p> <p id="4ec9b0;](MyApp());" color:="" color:=>color: #9cdcfe;](args) </p> <p id="9cdcfe;](key" color:= color:=>color: #569cd6;](class color: #4ec9b0;](MyApp color: #569cd6;](extends color: #4ec9b0;](StatelessWidget ); color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #569cd6;](const color: #4ec9b0;](MaterialApp( color: #9cdcfe;](home: color: #4ec9b0;](Scaffold( color: #9cdcfe;](body: color: #4ec9b0;](MyWidget(), ), ); } }</p> <p id="9cdcfe;](key," color:= color:="" color:=>color: #569cd6;](class color: #4ec9b0;](MyWidget color: #569cd6;](extends color: #4ec9b0;](StatelessWidget ); color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #4ec9b0;](Center( color: #9cdcfe;](child: color: #4ec9b0;](Row( color: #9cdcfe;](mainAxisAlignment: color: #4ec9b0;](MainAxisAlignment.color: #4fc1ff;](spaceBetween, color: #9cdcfe;](children: color: #569cd6;](const [ color: #4ec9b0;](MyContainer(color: #9cdcfe;](clr: color: #4ec9b0;](Colors.color: #9cdcfe;](red), color: #4ec9b0;](Expanded(color: #9cdcfe;](child: color: #4ec9b0;](MyContainer(color: #9cdcfe;](clr: color: #4ec9b0;](Colors.color: #9cdcfe;](green)), color: #4ec9b0;](MyContainer(color: #9cdcfe;](clr: color: #4ec9b0;](Colors.color: #9cdcfe;](red), ], ), ); } }</p> <p id="9cdcfe;](clr," color:= color:="" color:="" color:="" color:="">color: #569cd6;](class color: #4ec9b0;](MyContainer color: #569cd6;](extends color: #4ec9b0;](StatelessWidget ); color: #569cd6;](final color: #4ec9b0;](Color color: #9cdcfe;](clr; color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #4ec9b0;](Container( color: #9cdcfe;](height: color: #b5cea8;](100, color: #9cdcfe;](width: color: #b5cea8;](100, color: #9cdcfe;](color: color: #9cdcfe;](clr, ); } } ` Thanks,Srikanth</p>


Tags: How to fill the widget in available space;








0 Comments
Login to comment.
Recent Comments