изображение позиции внизу экрана, вся ширина с небольшим отрывом

Question

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

Мой экран состоит из 3 частей, вид сверху, ScrollView посередине и кнопка внизу. Все они живут в виду, называемом контейнером.

Контейнер имеет flex 8, а два других вида имеют гибкие 1 и flex 5 соответственно.

Изображение снизу живет во взгляде собственного.

imageView: { 
    flex:2, 
}, 
Image: { 
    margin:1, 
}, 

Я попытался кучу вещей, в том числе для укладки ResizeMode содержат и другие вещи, чтобы попытаться заставить его работать, но я просто не могу получить эффект, что я ищу

Answer 1

Было бы быть более полезным, если вы можете опубликовать свой метод рендеринга и стиль, но это обычно можно достичь, используя позицию: свойство «абсолютный». bottom: 0 будет означать, что он будет придерживаться нижней и левой: 1 и вправо: 1 даст ему по 1 с обеих сторон.

bottomImage: { 
    position: 'absolute', 
    bottom: 0, 
    right: 1, 
    left: 1, 
    height: 50, 
},