React Native에서 개발한 구성 요소 Image

전언
ReactNative에서 Image는 그림을 표시하는 데 사용되는 구성 요소로 안드로이드를 개발할 때와 ImageView 컨트롤이 같은 효과입니다.그것은 인터넷 사진, 정적 자원, 임시 로컬 사진, 그리고 로컬 디스크의 그림 (예를 들어 앨범) 을 표시할 수 있다.Image 구성 요소를 적절하게 사용하면 사용자에게 보다 형상적이고 직관적으로 정보를 전달할 수 있다.
이 문서는 주로 다음과 같은 내용을 다루고 있다.
로컬에서 그림 마운트네트워크에서 그림 마운트App에서 이미지 마운트SD 카드에서 이미지 마운트Image
로컬에서 이미지 로드
콘셉트
로컬에서 그림을 불러오고 키워드'require '를 사용하여 프로젝트 디렉터리에 이미지 폴더를 새로 만들어서 그림 자원을 저장합니다.
사용
효과
네트워크에서 이미지 마운트
콘셉트
로컬에서 그림을 불러오고 키워드'uri'를 사용하면uri 뒤에 그림 자원의 네트워크 경로를 따라갑니다
사용
효과
App에서 이미지 마운트
앱에서 그림을 불러옵니다. 물론 그림은res의drawable 디렉터리나assets 디렉터리에 존재하고uri에 대응하는 그림 이름은 접미사가 포함되지 않는다는 것을 기억하십시오.이렇게 하면 그림이 정확하게 불러오고 표시될 수 있다.
사용
drawable를 만든 후 clean 명령을 사용합니다
uri로 그림 불러오기
효과
SD 카드에서 이미지 로드
콘셉트
핸드폰 메모리 카드에 있는 이미지 자원을 불러오는 방식도 매우 간단하다. 만약에 내가 지금 sdcard 루트 디렉터리에 있는hzw를 불러오려고 한다면.jpg.대응하는 코드는 다음과 같다.


사용
그림 가져오기 경로
그림 로드
효과

좋은 웹페이지 즐겨찾기