在相反兩側反應原生視圖

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