노트북 3 Image

1902 단어
Image 어셈블리의 기본 사용
현재 항목 (로컬) 에서 그림 불러오기

          
    


사진 주소는 꼭 맞춰주세요.
앱에 있는 그림을 불러오기 (즉android나 OS 디렉터리에 있는 그림)

    


이 그림을 불러올 때 파일 이름만 사용하고 경로도 없고 접미사도 없습니다.
네트워크에서 그림 로드

          
            


네트워크에서 그림 테이프 파라미터를 불러옵니다


이거는 저희가 지목할 수 있어요.
배경 그림
  
    Inside
  

이 배경 그림은 저희 인터넷 배경 그림일 수도 있고 저희 로컬 배경 그림일 수도 있습니다.
Image 어셈블리의 공통 속성
속성 방법
  • onLayout(function):Image 레이아웃이 바뀌면 이 방법을 호출합니다. 호출된 코드는 {nativeEvent: {layout: {x, y,width,height}입니다.
  • onLoad(function) 그림을 불러온 후에 이 방법
  • 을 되돌려줍니다.
  • onLoadEnd(function) 그림을 불러오는 데 실패하면 이 방법을 되돌려줍니다
  • onLoadStart(fcuntion) 그림을 불러오기 시작할 때 이 방법을 사용합니다
  • resizeMode 축소 비율, 선택할 수 있는 매개 변수('cover','contain','stretch')는 그림의 사이즈가 레이아웃의 사이즈를 초과할 때 설정된 Mode에 따라 축소하거나 재단한다
  • source {uri:string}는 그림의 인용을 표시합니다. 이 인자는 네트워크 URL 주소나 로컬 경로
  • 로 사용할 수 있습니다.
    스타일 스타일 속성
  • 유연한 케이스 스타일 지원
  • Transforms는 속성 애니메이션 지원
  • backgroundColor 배경색
  • borderColor 테두리 색상
  • borderRadius 경계 원각
  • 오버플로우 설정 그림 크기가 용기를 초과하면 표시하거나 숨길 수 있음('visible','hidden')
  • tintColor 색상 설정
  • opacity 설정 불투명도 0.0(투명) -1.0(완전 불투명)
  • 좋은 웹페이지 즐겨찾기