나는 iphone 7 @ 2x (750px 너비) 용으로 만든 이미지로 width = '100 %'를 사용하여 네이티브 v.42에 반응하고 있습니다. 이것은 iphone 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,
}
높이에 대한 비율 계산을 사용하지만 높이에 대한 치수를 선언 할 필요가없는 방법을 찾고 있습니다 (본질적으로 a height: auto
).
시도해 볼 수있는 몇 가지가 있습니다.
화면을 가리도록 이미지를 말해보세요.
resizeMode: 'cover'
이것은 모두 flexbox 레이아웃이기 때문에 align-self를 사용하여 자식에게 늘 이도록 지시 할 수 있습니다.
alignSelf: 'stretch'
둘 다 작동하지 않는 경우 .. 이전에 수행 한 또 다른 대안은 정적 크기를 제거하여 자연스럽게 커지도록하는 것입니다 (너비 및 높이에 대해 null 지정).
width: null,
height: null
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다