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>

方向样式问题与本机android反应

1 个答案: