css - React Native Styling，将按钮放在弹出窗口的左下角/右下角

Question

所以我有一个盒子，里面有一些文本，在文本下方我想添加 2 个按钮，允许用户将停车位标记为可用或已占用。下面你可以看到主灰色框的样式

    parkingPopUpText:{
      fontSize: 16,
      marginLeft:10,
      marginTop:7,

    },

如果我只是在文本下方添加按钮，这就是它的放置方式。这是按钮的代码

      height:50,
      width:50,
      backgroundColor:'#38c75e',
      borderRadius:10

我想将按钮放在灰色框的左下角，而第二个按钮将放在框的右下角。我知道这可能是一个简单的解决方案，但我似乎无法找到解决方案。提前致谢！

Answer 1

正如我在下面提到的，尝试使用position: 'absolute'

upBottonView: {
    position: 'absolute',
    right: '5%',
    top: '95%',
    width: 40,
    height: 40,
    borderRadius: 10,
  },

随意怀疑。

Answer 2

给你的模态容器视图位置相对，然后给你的按钮容器视图位置绝对

//parent view
 modalContainer{
 position: 'absolute',
 //other styling
 }

//child view
buttonContainer{
position: 'absolute',
right: '5%',
top: '95%',
width: 40,
height: 40,
borderRadius: 10,

}