Xamarin Forms Stacklayout StackOrientation.Horizontal

Question

When i set StackOrientation.Horizontal for stacklayout and setting 5 labels it displays properly.

But when the number of labels count is increased labels text size reduced and all labels are aligned for available width.

How to display full text for all labels also move label to next line if the labels count exceeds?

Answer 1

Use WrapLayout instead:

    var layout = new WrapLayout {
                    Orientation = StackOrientation.Horizontal,
                    HorizontalOptions = LayoutOptions.Fill,
                    Padding = new Thickness (0, padding, 0, padding)
                };
    layout.Children.Add (item);

Result:

Answer 2

StackLayout with Horizontal orientation will only use "one line".

For that case you should use a GridLayout or WrapLayout (From Xlabs).

In alternative you could use a StackLayout with Horizontal orientation and each Child is a StackLayout with Vertical orientation.

Answer 3

Xamarin 3.0 introduced FlexLayout for exactly this use-case. It's based on CSS Flexboxes.