[React-Native] Image 컴포넌트

[React-Native 공부일지]

 

[알게 된 것]

• Image 컴포넌트
  • source속성에 {url: "주소"}로 외부 이미지를, require("경로")로 로컬 이미지 삽입 가능
  • resizeMode 속성 - cover: 부모 객체를 이미지로 채움, contain: 전체 이미지를 보여줌.
• 이미지의 실제 크기를 조절하기 보다는 부모 View로 한번 감싸고 resizeMode 속성을 이용할 것.
• 태그의 style 속성으로 직접 꾸밈 요소를 넣으려면, { }로 한번 감싸야함

  <Text style={{fontSize:35, color: "white"}}>

 

 

[결과 화면]

 

 

 

[공부 자료 및 출처]

https://yuddomack.tistory.com/entry/5React-Native-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83-%EB%94%94%EC%9E%90%EC%9D%B8-4%EB%B6%80-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%99%80-UI-%EB%A7%88%EB%AC%B4%EB%A6%AC?category=754156