Direction style issue with react native android

Question

I'm working on a right-to-left react native app and want to handle layout with direction: 'rtl' or direction: 'rtl'.

It works fine with ios but it doesn't work on Android for no reason.

An example code is :

<View style={{flexDirection: 'row', justifyContent: 'space-between', direction: 'rtl'}}>
  <Text>
    right content
   </Text>
   <Text>
    left content
   </Text>
</View>

Thanks.

Fakhruddin Abdi · Accepted Answer · 2018-04-03 17:50:17Z

7

Direction props is only for iOs. Refer documentation https://facebook.github.io/react-native/docs/layout-props.html#direction

If you want to layout your views from right to left then below code would work.

<View style={{justifyContent: 'space-between',flexDirection: 'row-reverse'}}>
    <Text> text1  </Text>
    <Text> text2  </Text>
    <Text> text3  </Text>
    <Text> text4  </Text>
    <Text> text5  </Text>
  </View>

edited Apr 3, 2018 at 17:50

Fakhruddin Abdi

8963 gold badges11 silver badges25 bronze badges

answered Apr 3, 2018 at 16:33

Kunal

6046 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Fakhruddin Abdi Over a year ago

Thanks .. but what's an alternative solution for android ?

Fakhruddin Abdi Over a year ago

Apparently we can use flexDirection: 'row-reverse' instead Please update your answer to include the alternative solution as well

Kunal Over a year ago

Sorry, i did not add complete code in my previous answer. I added new one with code as well.

CallMeLaNN Over a year ago

You can just use flexDirection: I18nManager.isRTL ? "row-reverse" : "row"

Govarthanan Venunathan Over a year ago

github.com/facebook/react-native/issues/17361 also try the "prefixing all the text RTL with \u200F"

Collectives™ on Stack Overflow

Direction style issue with react native android

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related