android - react native android的方向样式问题

Question

我正在开发一个从右到左的 React native 应用程序，并希望使用 direction: 'rtl' 或 direction: 'rtl' 处理布局。

它在 ios 上运行良好，但在 Android 上无故无法运行。

示例代码是:

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

谢谢。

Answer 1

方向 Prop 仅适用于 iO。引用文档 https://facebook.github.io/react-native/docs/layout-props.html#direction

如果你想从右到左布局你的 View ，那么下面的代码就可以了。

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