rn faded scrollview

RN衰變的旋轉

一個簡單且可自定義的React本機組件，可讓您在兩端的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開始時添加淡出	錯誤的	布爾
允許	在Scrollview的末尾添加淡出	真的	布爾
淡化	淡入尺寸IE（水平和垂直捲軸的寬度Incase）	20	數字
FadeColors	褪色效果的顏色	['rgba（229，229，229，0.18）'，'rgba（206，201，201，201，0.6）'，'rgba（206，201，201，201，20，0.9）']	大批
滾動thresthreshl	閾值控制淡入淡出/顯示淡入淡出/顯示的閾值	10	數字
ScrolleventThrottle	這可以控制滾動時滾動事件的頻率（作為MS的時間間隔）	16	數字
允許的人	允許分隔線在淡入淡出時。	錯誤的	布爾
ISRTL	用於RTL佈局	錯誤的	布爾
Oncontentsizechange	oncontentsizechange回電添加了，功能將返回contentwidth和contentheight		功能

造型

用於造型通過這些道具。

containerStyle ， startFadeStyle ， endFadeStyle和dividerStyle 。

事件

姓名	回調參數	描述
isclosetoend	布爾	如果滾動接近結尾。
isclosetostart	布爾	如果滾動接近啟動與否。

執照

麻省理工學院許可證

版權（C）2023 Malik Abdul Kawee

特此免費授予獲得此軟件副本和相關文檔文件副本（“軟件”）的任何人，以無限制處理該軟件，包括無限制的使用權，複製，複製，修改，合併，合併，發布，分發，分發，分發，訂婚，和/或允許軟件的副本，並允許對以下條件提供以下條件，以下是以下條件。

上述版權通知和此許可通知應包含在軟件的所有副本或大量部分中。

該軟件是“原樣”提供的，沒有任何形式的明示或暗示保證，包括但不限於適銷性，特定目的的適用性和非侵權的保證。在任何情況下，作者或版權持有人都不應對任何索賠，損害賠償或其他責任責任，無論是在合同，侵權的訴訟中還是其他責任，是由軟件，使用或與軟件中的使用或其他交易有關的。