JavaScript/React.js

React-native background-position 사용법

Declan Andrew 2020. 6. 23. 14:16
반응형
<Image style={{width:undefined, height:200, resizeMode:'cover'}} source={require('../res/images/mask.jpg')} />

의외로 간단하다.

width:null (타입스크립트의 경우에는 null로 하면 빨간줄 생겨서 undefined로 함)

그리고 좌 우측 아래 위로 더 짜르고 싶은 경우에는

borderBottomWidth: -30 이런 식으로 음수를 주는 경우를 택하기도 한다.

 

물론 Width 값이 null이나 undefined와 같이 정확한 값을 가리키지 않는 것을 전제로 한다.

 

css로 치면 background-position 을 사용하는 것과 거의 동일하다고 볼 수 있다.

반응형