rn faded scrollview

rn- 날카로운 스크롤 뷰

간단하고 사용자 정의 가능한 반응 가능한 원시 구성 요소는 양쪽 끝에서 ScrollView에 페이드 효과를 추가 할 수 있습니다.

수직 스크롤	수평 스크롤

스폰서

설치

이 라이브러리는 반응 신용 선형 그라디언트에 의존합니다. 선형 구배의 설정 지침을 따르십시오.

이제 마침내 프로젝트 디렉토리에서 실행됩니다.

npm install rn-faded-scrollview

또는

yarn add rn-faded-scrollview

단순한

 import RNFadedScrollView from 'rn-faded-scrollview' ;

// Within your render function
< RNFadedScrollView
        allowStartFade = { true }
        horizontal = { false }
        fadeSize = { 10 }
        style = { styles . backgroundStyle }
        bounces = { false }
      >
   //other views      
</ RNFadedScrollView >

// Later on in your styles..
var styles = StyleSheet . create ( {
  backgroundStyle : {
    flex : 1
  }
} ) ; 

선적 서류 비치

이 라이브러리는 ScrollView의 모든 소품과 일부 추가 소품을 허용합니다.

소품

이름	설명	기본	유형
허용 startfade	ScrollView 시작시 Fade를 추가하십시오	거짓	부울
허용 페이드	ScrollView의 끝에 페이드를 추가하십시오	진실	부울
희미 해요	페이드 크기, 즉 (수평 및 높이가 수직 스크롤 뷰의 경우)	20	숫자
Fadecolors	페이드 효과를위한 색상	[ 'RGBA (229, 229, 229, 0.18)', 'RGBA (206, 201, 201, 0.6)', 'RGBA (206, 201, 201, 0.9)']]	정렬
scrollthreshold	시작 또는 끝에 도달하면 페이드 숨기기/표시를 제어하는 ​​임계 값	10	숫자
Scrolleventthrottle	스크롤 중에 스크롤 이벤트가 발생하는 빈도를 제어합니다 (MS의 시간 간격으로)	16	숫자
허용 디바이더	페이드 엔드에서 분배기를 허용하십시오.	거짓	부울
ISRTL	RTL 레이아웃의 경우	거짓	부울
oncontentsizechange	OnContentSizEchange Call Back 추가, 기능은 contentwidth 및 contentheight를 반환합니다.		기능

스타일링

스타일링을 위해이 소품을 통과하십시오.

containerStyle , startFadeStyle , endFadeStyle 및 dividerStyle .

이벤트

이름	콜백 매개 변수	설명
isclosetoend	부울	스크롤이 끝나지 않는 경우
ISCLOSETOSTART	부울	스크롤이 시작되거나 가까운 경우.

특허

MIT 라이센스

저작권 (C) 2023 Malik Abdul Kawee

이에 따라이 소프트웨어 및 관련 문서 파일 ( "소프트웨어")의 사본을 얻는 사람에게는 허가가 부여됩니다. 소프트웨어의 사용, 복사, 수정, 합병, 배포, 배포, 숭고 및/또는 소프트웨어의 사본을 판매 할 권한을 포함하여 제한없이 소프트웨어를 처리 할 수 ​​있도록 소프트웨어를 제공 할 권한이 없습니다.

위의 저작권 통지 및이 권한 통지는 소프트웨어의 모든 사본 또는 실질적인 부분에 포함되어야합니다.

이 소프트웨어는 상업성, 특정 목적에 대한 적합성 및 비 침해에 대한 보증을 포함하여 명시 적 또는 묵시적 보증없이 "그대로"제공됩니다. 어떠한 경우에도 저자 또는 저작권 보유자는 계약, 불법 행위 또는 기타, 소프트웨어 또는 소프트웨어의 사용 또는 기타 거래에서 발생하는 계약, 불법 행위 또는 기타의 행동에 관계없이 청구, 손해 또는 기타 책임에 대해 책임을지지 않습니다.