react-native - 在对面 react native View

Question

我想使用 React Native 在父 View 中将两个 View 放置在彼此相对的两侧。我发现这样做的唯一方法是使用间隔 View :

<View style={styles.parent}>
    <Text style={styles.left}> Left </Text>
    <View style={styles.spacer} />
    <Text style={styles.right}> Right </Text>
</View>

有样式:

const styles = StyleSheet.create({
  parent: {
    flexDirection:'row',
  },
  spacer: {
    flex: 1,
  },
});

我可以向 left 和 right 添加样式来复制它，而不是使用间隔 View 吗？我发现使用 Prop marginRight 和 right 并没有实现这一点。

Answer 1

为 justifyContent 使用空格

const styles = StyleSheet.create({
     parent: { 
        flexDirection:'row',
        justifyContent:'space-between'
     }, 
});