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开始时添加淡出	错误的	布尔
允许	在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

特此免费授予获得此软件副本和相关文档文件副本（“软件”）的任何人，以无限制处理该软件，包括无限制的使用权，复制，复制，修改，合并，合并，发布，分发，分发，分发，订婚，和/或允许软件的副本，并允许对以下条件提供以下条件，以下是以下条件。

上述版权通知和此许可通知应包含在软件的所有副本或大量部分中。

该软件是“原样”提供的，没有任何形式的明示或暗示保证，包括但不限于适销性，特定目的的适用性和非侵权的保证。在任何情况下，作者或版权持有人都不应对任何索赔，损害赔偿或其他责任责任，无论是在合同，侵权的诉讼中还是其他责任，是由软件，使用或与软件中的使用或其他交易有关的。