React Native에서 개발한 구성 요소 Image
1051 단어 React-NativeReactNative
ReactNative에서 Image는 그림을 표시하는 데 사용되는 구성 요소로 안드로이드를 개발할 때와 ImageView 컨트롤이 같은 효과입니다.그것은 인터넷 사진, 정적 자원, 임시 로컬 사진, 그리고 로컬 디스크의 그림 (예를 들어 앨범) 을 표시할 수 있다.Image 구성 요소를 적절하게 사용하면 사용자에게 보다 형상적이고 직관적으로 정보를 전달할 수 있다.
이 문서는 주로 다음과 같은 내용을 다루고 있다.
로컬에서 그림 마운트네트워크에서 그림 마운트App에서 이미지 마운트SD 카드에서 이미지 마운트Image
로컬에서 이미지 로드
콘셉트
로컬에서 그림을 불러오고 키워드'require '를 사용하여 프로젝트 디렉터리에 이미지 폴더를 새로 만들어서 그림 자원을 저장합니다.
사용
효과
네트워크에서 이미지 마운트
콘셉트
로컬에서 그림을 불러오고 키워드'uri'를 사용하면uri 뒤에 그림 자원의 네트워크 경로를 따라갑니다
사용
효과
App에서 이미지 마운트
앱에서 그림을 불러옵니다. 물론 그림은res의drawable 디렉터리나assets 디렉터리에 존재하고uri에 대응하는 그림 이름은 접미사가 포함되지 않는다는 것을 기억하십시오.이렇게 하면 그림이 정확하게 불러오고 표시될 수 있다.
사용
drawable를 만든 후 clean 명령을 사용합니다
uri로 그림 불러오기
효과
SD 카드에서 이미지 로드
콘셉트
핸드폰 메모리 카드에 있는 이미지 자원을 불러오는 방식도 매우 간단하다. 만약에 내가 지금 sdcard 루트 디렉터리에 있는hzw를 불러오려고 한다면.jpg.대응하는 코드는 다음과 같다.
사용
그림 가져오기 경로
그림 로드
효과
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
react-native 캐시 데이터1. 캐시 시간 설정 2. 캐시 확보 시간 3. 인터페이스 호출 여부 되돌아오는 nowTime의 브리 값에 따라true는 인터페이스를 다시 조정할 수 있으며false는 인터페이스를 조정할 필요가 없습니다...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.