width = '100 %'는 기본 너비가 최대 화면 크기보다 작습니다.

Question

반응식 네이티브 v.42는 너비 = '100 %'이며 아이폰 7의 경우 2x (750px 너비)). 이것은 아이폰 7에서 제대로 작동하지만 7plus에서 이미지를 보면 위쪽과 아래쪽에서 잘립니다. 이를 방지하기 위해 이미지를 7plus (818px @ 2x)로 저장해야합니다.

width = '100 %'를 사용하고 이미지 크기가 최대 기본 크기를 비례하여 초과하는 방법을 아는 사람이 있습니까? 크기 변경 모드 변경이 작동하지 않습니다. 내가 도울 수 있다면 나는 어떤 플러그인도 사용하고 싶지 않다.

은 내가 명시 적으로 창 크기에 따라 높이와 너비를 정의 할 수 있다는 사실을 알고 :

import { Dimensions } from 'react-native' 

    const { height, width } = Dimensions.get('window') 

    export { 
     height as deviceHeight, 
     width as deviceWidth, 

} 

과 높이의 비율 계산을 사용하지만, 나는 차원을 선언 할 필요가 없게하는 방법을 찾고 있어요 높이 (본질적으로는 height: auto)입니다.

Answer 1

몇 가지 시도해 볼 수 있습니다. 이것은 당신이

alignSelf: 'stretch' 

스트레칭 아이에게 정렬-자체를 사용할 수있는 모든 인 flexbox 레이아웃이기 때문에

화면을

resizeMode: 'cover' 

다루 이미지를 말해보십시오 이러한 작업도하면 당신은 .. 이전에 한 또 다른 대안은 정적 크기를 제거하여 자연적으로 자랄 수 있도록하는 것입니다 (폭과 높이에 null을 지정하여)

width: null, 
height: null 

Facebook docs on support