Реагируйте на собственный стиль, поместив кнопку в левом нижнем / правом нижнем углу всплывающего окна.

Question

Итак, у меня есть поле с текстом внутри него, под текстом я хочу добавить 2 кнопки, которые позволят пользователям отмечать парковочное место как доступное или приняты. Ниже вы можете увидеть стилизацию основного серого поля

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

    },

Если я просто добавлю кнопки под текстом, то так оно и будет. Это код для кнопки

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

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

Answer 1

Дайте вашему виду модального контейнера Позицию относительно , а затем дайте вашей кнопке вид контейнера Позиция абсолютного

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

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

}

Answer 2

Как я уже упоминал ниже, попробуйте использовать положение: «абсолют»

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

Не стесняйтесь сомнений.