Horizontal Layout in Flutter — Row widget

DevTechie
DevTechie
Published in
11 min readAug 8, 2023

--

Horizontal Layout in Flutter — Row widget

This article discusses how to build an attractive UI in Flutter using Row widget. ‌Row widget can layout other widgets (UI components) horizontally.

Introduction

Row is a widget that shows (layouts) its children (other widgets) horizontally. If you want to display numerous widgets in the same horizontal row, this is the widget to use. Hence, the row widget is categorized as a layout widget.

Assume you wish to display a number of widgets horizontally on the screen, such as a Text and an Image, and we’re confident; you’ll discover this minor requirement everywhere in a layout. This is where the Row widget comes in, which displays the widgets horizontally.

Learning Row and Column widgets is critical in flutter development because you probably cannot design UI without them.
The Row is a multi-child layout widget that accepts as children a list of widgets.

The Row displays the widgets within the visible view, rather than scrolling. Create a scrollable list of widgets with the ListView widget.
In this tutorial, I’ll explain you how to customize the layout with the Row widget.

Read more about ListView here:

--

--