# 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 }} />
'개발(Development) > ReactNative(리액트네이티브)' 카테고리의 다른 글
| [React Native] ScrollView 수평(Horizontal) 스크롤 구현 방법 (0) | 2024.01.14 |
|---|---|
| [리액트 네이티브] Pressable 이벤트 버블링 막기(stopPropagation) (0) | 2024.01.12 |
| [리액트 네이티브] Text에 borderRadius 적용 안될 때 해결방법 (0) | 2024.01.12 |
| [리액트 네이티브] ScrollView에서 flexDirection: row 좌우 수평 정렬 및 flexWrap 줄바꿈 적용 방법 (0) | 2024.01.12 |
댓글