Как расположить несколько кнопок на одной строке отдельно в реагирующем?

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.