Отдельные кнопки / TouchableOpacity элементы в React Native?

Question

Я студент, работаю над оценкой и пытаюсь решить эту проблему, с которой сталкиваюсь. Имейте в виду, я совершенно новый, и я погуглил проблему, но, возможно, пропустил решение, поэтому я спрашиваю здесь - надеюсь, что все в порядке!

Это код:

https://snack.expo.io/@guldenbelli /valuation-mob-dev-app

Как вы можете заметить, 3 кнопки не разделены, и я не могу обойти это - пробовал разделитель, как вы можете видеть в код, но не работает?

Итак, мой вопрос: как я могу разделить 3 кнопки? (1 P C Настройка игры, 2 P C Настройка игры и 3 P C Настройка игры).

Я был бы очень признателен за помощь!

Спасибо, Гульден

Answer 1

Добавьте поле marginBottom в стиле кнопки TouchableOpacity

    button: {
    alignItems: "center",
    backgroundColor: "beige",
    marginBottom:30,
    padding: 30,
    borderRadius: 8,
    borderWidth: 0
      }

Надеюсь, это поможет!