在相反的一面反应本机视图

Question

我想使用React Native在父视图中将两个视图放在彼此的两侧。我发现这样做的唯一方法是使用间隔视图：

<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复制此内容，而不是使用间隔视图吗？我发现使用道具marginRight和right并没有达到目的。

Answer 1

使用空格介于justifyContent

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