Bit of a strange one.
<FlexboxLayout class="">
<Image src="https://placehold.it/40x40" />
<Label textWrap="true" text="a b c d e f g h i j k l m n o p q r s t u v w x" />
</FlexboxLayout>
<FlexboxLayout class="">
<Image src="https://placehold.it/40x40" />
<Label textWrap="true" text="a b c d e f g h i j k l m n o p q r s t u v w x y z 1" />
</FlexboxLayout>
The markup above produces this layout on iOS:
As you can see the first Label is cut off after "v". Add a couple more characters to the string and the Label wraps properly and the full string is displayed.
This was in the iPhone 7 simulator. Other screen sizes will work/break with different string lengths.
I have a demo project here showing the issue: https://github.com/3rror404/ns-flexbox-issue
┌──────────────────┬─────────────────┬────────────────┬─────────────┐
│ Component │ Current version │ Latest version │ Information │
│ nativescript │ 3.2.0 │ 3.2.0 │ Up to date │
│ tns-core-modules │ 3.2.0 │ 3.2.0 │ Up to date │
│ tns-android │ 3.2.0 │ 3.2.0 │ Up to date │
│ tns-ios │ 3.2.0 │ 3.2.0 │ Up to date │
└──────────────────┴─────────────────┴────────────────┴─────────────┘
Bit of a strange one.
The markup above produces this layout on iOS:
As you can see the first Label is cut off after "v". Add a couple more characters to the string and the Label wraps properly and the full string is displayed.
This was in the iPhone 7 simulator. Other screen sizes will work/break with different string lengths.
I have a demo project here showing the issue: https://github.com/3rror404/ns-flexbox-issue