ui `isRtl` flag reverses text

isRtl flag when binded to a dynamic value reverses the layout consistently but also reverses the content of the text (the text becomes backwards).

<!-- Breaks -->
<RStackLayout [isRtl]="isRtl">
  <Label text="some text"></Label> <!-- Gets reversed --> 
</RStackLayout>

<!-- Works -->
<RStackLayout></RStackLayout>
<RStackLayout isRtl="false"></RStackLayout>
<RStackLayout isRtl="true"></RStackLayout>

Notice that the text in the above screenshot is reversed

Aug 27 '20 13:08 williamjuan027

I will work to embed RTL support to NativeScript main repo

Aug 31 '20 17:08 xlmnxp

isRtl flag when binded to a dynamic value reverses the layout consistently but also reverses the content of the text (the text becomes backwards).

<RStackLayout [isRtl]="isRtl">
  <Label text="some text"></Label>  
</RStackLayout>


<RStackLayout></RStackLayout>
<RStackLayout isRtl="false"></RStackLayout>
<RStackLayout isRtl="true"></RStackLayout>
Notice that the text in the above screenshot is reversed

is it happen now? text should reversed back

Jun 14 '21 05:06 xlmnxp

For me, the text gets reversed when I nest some layout inside a RGridLayout <RGirdLayout [isRtl]="isRtl"> <FlexboxLayout> <Label text="some text"></Label>  </FlexboxLayout> </RGridLayout>

Jun 15 '21 13:06 boris01

For me, the text gets reversed when I nest some layout inside a RGridLayout <RGirdLayout [isRtl]="isRtl"> <FlexboxLayout> <Label text="some text"></Label>  </FlexboxLayout> </RGridLayout>

for now, @nativescript-rtl/ui not loop to inner components, I will make it loop to nested elements

Jun 16 '21 02:06 xlmnxp