如何在react-native中分別在同一行上放置多個按鈕？

Question

我想分別在同一行創建兩個按鈕。我使用flex = 2但它不能正常工作。我該如何解決？

<View style={{ flex: 2,flexDirection: "row" ,marginLeft:20}}>
    <BtnDft h={40} w={100} name={ "Update"} />
    <BtnDft h={40} w={100} name={ "Log out"} />
</View>

Answer 1

刪除flex: 2

{ flexDirection: "row" ,marginLeft: 20, justifyContent: 'space-evenly' }

使用justifyContent更改按鈕的位置，可用選項包括flex-start ， center ， flex-end ， space-around ， space-between和space-evenly 。