NativeScript StackLayout with gap between child elements

Question

I'm using the NativeScript StackLayout component to layout my elements.

What is the best approach to create a gap between the child elements of a StackLayout?

Answer 1

You can use margin in the css for that layout.

In you XML:

  <StackLayout>
      <Label text="Hey there,"></Label>
      <Label text="world!"></Label>
  </StackLayout>

In your css:

StackLayout Label {
  margin: 10;
}