在React Native中分离buttonTouchableOpacity元素？

Posted 2021-03-19

我是一名学生，正在进行一项评估，我正试图解决我所面临的这个问题。你要知道，我是个新手，我在网上搜索了这个问题，但可能错过了解决方案，因此我在这里问你--希望这没什么问题

这是我的代码。

https:/snack.expo.io@guldenbelliassessment-mob-dev-app。

正如你所注意到的，这3个按钮没有分开，我无法解决这个问题--正如你在代码中看到的那样，我尝试了一个分隔符，但没有用？

所以，我的问题是：我怎样才能把这3个按钮分开？(1个PC游戏设置，2个PC游戏设置和3个PC游戏设置)。

我真的很感激你的帮助

谢谢你，Gulden

答案

在你的TouchableOpacity Button样式中添加一个marginBottom。

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

希望对大家有所帮助!