方向样式问题与本机Android React

Question

我正在使用左右反应的本机应用程序，并希望使用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

方向道具仅适用于iOS。参考文档https://facebook.github.io/react-native/docs/layout-props.html#direction

如果您想将视图从右到左侧的布局，则代码下方可以使用。

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