ImageBackground

웹 개발자들에게 익숙한 background-image 기능을 요청하는 경우가 많다. 이런 경우 <ImageBackground> 컴포넌트를 사용할 수 있다. 이 컴포넌트는 <Image>와 동일한 프로퍼티를 가지며, 원하는 자식 엘리먼트를 추가해 이미지 위에 레이어로 배치할 수 있다.

하지만 <ImageBackground>의 구현이 기본적이기 때문에 모든 상황에서 사용하기에는 적합하지 않을 수 있다. 더 자세한 내용은 <ImageBackground>의 소스 코드를 참고하고, 필요할 때는 직접 커스텀 컴포넌트를 만들어 사용한다.

이때, 반드시 너비와 높이 스타일 속성을 지정해야 한다는 점을 기억한다.

예제

참조

Props

Image Props

Image Props를 상속한다.

imageStyle

타입
이미지 스타일

imageRef

내부 Image 컴포넌트에 대한 참조를 설정할 수 있다.

타입
Ref

style

타입
뷰 스타일