isRtl flag reverses text

[williamjuan027]

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

[xlmnxp]

I will work to embed RTL support to NativeScript main repo

[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).

<!-- 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

is it happen now? text should reversed back

[boris01]

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

[xlmnxp]

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

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