FlexLayout

FlexLayout is similar to VerticalStackLayout and HorizontalStackLayout with one crucial distinction: if you are using one of the stack layouts and the items extend past the end of the page (and you don’t use ScrollView), anything that doesn’t fit won’t be rendered.

FlexLayout – seem familiar?

FlexLayout might be familiar if you’ve worked with CSS. FlexLayout is very similar to the Flexible Box Layout and, in fact, was based on the CSS module.

You can see the effect of FlexLayout by removing ScrollView from PreferencesPage. All of the remaining preferences are inaccessible.

With FlexLayout, the items are wrapped to the next row or column. You define which by setting the direction in FlexLayout. The possible directions are as follows:

• Row: Stacks children horizontally
• Row-reverse: Stacks horizontally in reverse order
• Column: Stacks children vertically
• Column-reverse: Stacks vertically in reverse order

...