如何在屏幕的左右放置两个组件

Question

我需要将两个组件放在屏幕的两端。以下是我的代码。

<View style = {{flexDirection:"row"}}>
    <Text>cancel</Text>
    <Text style={{justifyContent:"flex-end",alignItems:"flex-end"}}>cancel</Text>

这两个按钮彼此接近，我想将第二个按钮按下屏幕的极右端，而没有边距，如何通过属性进行操作？它目前不起作用。谢谢。

Answer 1

您需要做类似的事情

<View style={{flex:1,flexDirection:"row",justifyContent:"space-between"}}>
    <View style={{flex:0.5}}>
        <Text>Cancel 1</Text>
    </View>
    <View style={{flex:0.5,alignItems:"flex-end"}}> 
        <Text>Cancel 2</Text>
    </View>
</View>