개발(Development)/ReactNative(리액트네이티브)
[리액트 네이티브] Image에 외부URL / 로컬이미지파일 설정 방법
카레유
2024. 1. 12. 12:44
# React Native의 Image 컴포넌트에 외부URL 및 로컬파일 적용 방법
1. 로컬 이미지 파일 적용 방법
source 에 require("상대경로") 메서드 반환값을 세팅해주면 된다.
<Image source={require('../../assets/images/icon.png'} />
2. 외부 이미지 URL 적용 방법
source 에 { uri: "외부 이미지 URL" } 객체를 세팅해주면 된다.
<Image source={{ uri: "https://example.com/icon.png }} />