ImageBackground

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

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

참고로, 반드시 너비와 높이 스타일 속성을 지정해야 한다.

예제

---

참조

Props

Image Props

Image Props를 상속한다.

---

imageStyle

타입
이미지 스타일

imageRef

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

타입
Ref

style

타입
스타일 보기