Row Explained | Flutter for Web Developers

What’s Row?

Row class A widget that displays its children in a horizontal array.

Check the official documentation for more.

Row explained for Web Developers

To cause a child to expand to fill the available horizontal space, wrap the child in an Expanded widget. The Row widget does not scroll and it is considered an error to have more children in a Row than will fit in the available room.

Example Code

Here is an example of how to use Row:

const Row(
  children: [
    Expanded(
      child: Text('Deliver features faster', textAlign: TextAlign.center),
    ),
    Expanded(
      child: Text('Craft beautiful UIs', textAlign: TextAlign.center),
    ),
    Expanded(
      child: FittedBox(
        child: FlutterLogo(),
      ),
    ),
  ],
)

Row Remarks

If the non-flexible contents of the row are together wider than the row itself, then the row is said to have overflowed.