Убрать пробел между 2 кнопками подряд

Question

У меня есть 2 кнопки в ряду, например:

Я хочу удалить пробел между двумя кнопками и расположить их рядомсторона в ряд, как это:

Как мне этого добиться?

Мой код:

<View
  style={{
    flexDirection: "row",
    alignItems: "stretch",
    justifyContent: "center",
    marginTop: 10
  }}
>
  <View style={{ flex: 1 }}>
    <Button title="Button 1" />
  </View>
  <View style={{ flex: 1 }}>
    <Button title="Button 2" />
  </View>
</View>

Я использую import { Button } from "react-native-elements";

Answer 1

По умолчанию уже применяется CSS кнопки (реагировать на нативные элементы), такие как отступы и поля. Вы должны переопределить этот CSS своим, а затем применить flex и flexDirection, чтобы присоединить обе кнопки.

Попробуйте этот код

<View style={{flex: 1, flexDirection: 'row'}}>
   <Button style={{marginRight: 0}} title="Button 1" />
   <Button style={{marginLeft: 0}} title="Button 2" />
</View>

Answer 2

<View style={{flex:1}}>
<View style={{ flexDirection: "row"}}>
<View style={{flexGrow: 1, flexBasis: 1}}>
<Button title="one" />
</View>
<View style={{flexGrow: 1, flexBasis: 1}}>
<Button title="two" />
</View>
</View>

Answer 3

Используйте flexDirection, чтобы прикрепить два.

<View style={{ flex: 1, flexDirection: "row" }}>
    <Button title="Button 1" />
    <Button title="Button 2" />
  </View>