在相反两侧反应原生视图

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' 
    }, 
});