反対側のネイティブビューに反応する

Question

親ビュー内で反対の側に2つのビューを配置したいとします。これを複製する

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

は、私がleftとrightにスタイルを追加することができ、代わりのスペーサーを使用して：スタイルで

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

：私はこれを行うために見つけた唯一の方法は、スペーサビューを使用することです見る？私は、小道具marginRightとrightを使用してこれを達成できないことを発見しました。

Answer 1

使用スペースの間justifyContent

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