[RN] 이미지 불러오기 ( 외부, 내부 )

📱테스트 환경

"react": "18.2.0"
"react-native": "0.74.2"

이미지를 호출하는 방식이 2개인데

하나는 외부 URL 링크를 통해서 호출하는 방법이고

하나는 내부 이미지를 호출 하는 방법이다.

나는 이미지를 /assets/img 폴더에 모아놓기 때문에

경로는 자기에 맞게 수정하면된다.

1. 내부이미지 호출하는 방법

<Image source={require('../assets/img/show.png')} />

이런식으로 source 안에 require 를 이용하여 내부 이미지를 호출한다.

2. 외부이미지 호출하는 방법

<Image source={{uri: imageUrl}} />

내부이미지 호출방법과 다른 점은 source 안에 중괄호가 하나 더 들어간다는 점과

uri 를 통해 이미지를 호출한다는 것이다.

이미지를 호출하는 방식이 다르다 보니 한번씩 햇갈릴때가 있는데

이번기회에 햇갈리지 않도록 기억해두자 ..