@@ -8,7 +8,7 @@ description: "Examples for using flexbox-layout"
88Using a FlexboxLayout requires the FlexboxLayout module.
99{%snippet flexbox-layout-require%}
1010
11- Using the flexbox layout in the NativeScript framework requires the FleboxLayout view with children.
11+ Using the flexbox layout in the NativeScript framework requires the FlexboxLayout view with children.
1212The FlexboxLayout will automatically serve as if it were a * div* with ` { display: flex; } ` .
1313
1414[ Here is a good guide on using flexbox] ( https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ) .
@@ -24,20 +24,20 @@ The supported properties on the FlexboxLayout container are:
2424 - ~~ ** display:** ~~ This works as if set to ` flex ` by default on the * FlexboxLayout*
2525 - ** flex-direction:**
2626 - Set in JavaScript using the property - ` fb.flexDirection = FlexDirection.ROW `
27- - Set in XML using the attribute - ` <FleboxLayout flexDirection="row"> `
27+ - Set in XML using the attribute - ` <FlexboxLayout flexDirection="row"> `
2828 - ** flex-wrap:** Use the property - ` flexWrap `
2929 - Set in JavaScript using the property - ` fb.flexWrap = FlexWrap `
30- - Set in XML using the attribute - ` <FleboxLayout flexWrap="wrap"> `
30+ - Set in XML using the attribute - ` <FlexboxLayout flexWrap="wrap"> `
3131 - ~~ ** flex-flow:** ~~ the shorthand property has no alternative, set the flex properties one by one
3232 - ** justify-content:** Use the property - ` justifyContent `
3333 - Set in JavaScript using the property - ` fb.justifyContent = JustifyContent.SPACE_BETWEEN `
34- - Set in XML using the attribute - ` <FleboxLayout justifyContent = "space-between"> `
34+ - Set in XML using the attribute - ` <FlexboxLayout justifyContent = "space-between"> `
3535 - ** align-items:** Use the property - ` alignItems `
3636 - Set in JavaScript using the property - ` fb.alignItems = AlignItems.STRETCH `
37- - Set in XML using the attribute - ` <FleboxLayout alignItems = "stretch"> `
37+ - Set in XML using the attribute - ` <FlexboxLayout alignItems = "stretch"> `
3838 - ** align-content:** Use the property - ` alignContent `
3939 - Set in JavaScript using the property - ` fb.alignContent = AlignContent.SPACE_BETWEEN `
40- - Set in XML using the attribute - ` <FleboxLayout alignContent = "space-between"> `
40+ - Set in XML using the attribute - ` <FlexboxLayout alignContent = "space-between"> `
4141
4242> ** NOTE:** There is a limitation for ` align-items ` in ** iOS** , the ` baseline ` option can ** not** be used.
4343
0 commit comments