App source: pavlova

Nesting rows and columns

The layout framework allows you to nest rows and columns
inside of rows and columns as deeply as you need.
Let’s look at the code for the outlined
section of the following layout:

The outlined section is implemented as two rows. The ratings row contains
five stars and the number of reviews. The icons row contains three
columns of icons and text.

The widget tree for the ratings row:

The ratings variable creates a row containing a smaller row
of 5 star icons, and text: