RN) 이미지

1. 내 폴더 안에 있는 이미지 사용

사용방법

<Image source={require('./image/moana01.jpg')}>

2. 네트워크 URL을 통해 가져오기

사용방법

<Image source={ {uri:''} }>
source에 리터럴 객체 생성

🧨 주의
네트워크 이미지는 사이즈를 지정하지 않으면 보여주지 못함
스타일 지정 필수!!!!!!!!!

3. 이미지 터치

1)

2) 배열이미지 보여주기

4. 스크롤 뷰

• 영역을 벗어난다고 해서 자동 스크롤 되지않음
• 스크롤 뷰가 필요하다

<ScrollView style={style.root}>
      <Image source={this.state.imgArr[5]} style={style.img}></Image>
      <Image source={this.state.imgArr[6]} style={style.img}></Image>
      <Image source={this.state.imgArr[2]} style={style.img}></Image>
      <Image source={this.state.imgArr[3]} style={style.img}></Image>
       <Image source={this.state.imgArr[4]} style={style.img}></Image>
</ScrollView>

5. 백그라운드 이미지

• CSS 이미지 백그라운드 속성이 없음
• ImageBackground라는 컴포넌트를 사용해야함