화면 하단의 위치 이미지, 전체 너비가 얇은 여백으로

Question

화면 아래쪽에 이미지를 넣으려고합니다. 그리고 전체 화면에서 항상 여백을 뺀 값으로 지정하고 싶습니다. .

내 화면은 상단의보기, 중간의 ScrollView 및 하단의 버튼으로 구성됩니다. 그들은 모두 컨테이너라는 견해에 살고 있습니다.

컨테이너에는 flex 8이 있고 다른 두 개의보기에는 각각 flex 1과 flex 5가 있습니다.

하단의 이미지는 자신의 관점에서 볼 수 있습니다.

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

나는 resizeMode 포함 포함 스타일링 사물의 무리를 시도하고, 다른 것들 일하러하려고하지만 난 그냥 내가

Answer 1

을 찾고 효과를 얻을 수 없다는 것 렌더링 메서드와 스타일을 여기에 게시 할 수 있다면 더 도움이 될 것입니다.하지만 일반적으로 position : 'absolute'스타일 속성을 사용하여이 작업을 수행 할 수 있습니다. 아래쪽 : 0은 바닥과 왼쪽에 붙을 것입니다. 1과 오른쪽 : 1은 양쪽에 1의 여백을줍니다.

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