rn faded scrollview
release 1.0.13
Un componente nativo React simple y personalizable que le permite agregar el efecto de desvanecimiento en ScrollView en ambos extremos.
| Pergamino vertical | Rollo horizontal |
|---|---|
 |  |
Esta biblioteca se basa en el gradiente react-nativo-lineal. Instrucciones de seguimiento de seguimiento del gradiente lineal.
Y ahora finalmente se ejecuta en el directorio de su proyecto.
npm install rn-faded-scrollview
O
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
}
} ) ; Esta biblioteca acepta todos los accesorios de ScrollView y algunos accesorios adicionales.
| Nombre | Descripción | Por defecto | Tipo |
|---|---|---|---|
| permitirse | Agregar desvanecimiento al inicio de ScrollView | FALSO | Booleano |
| LETODENDFADE | Agregar desvanecimiento al final de ScrollView | verdadero | Booleano |
| ensayarse | Tamaño de desvanecimiento es decir (ancho en caso de horizontal y altura en caso de vertical scrollview) | 20 | Número |
| fadecolor | Colores para el efecto de desvanecimiento | ['RGBA (229, 229, 229, 0.18)', 'RGBA (206, 201, 201, 0.6)', 'RGBA (206, 201, 201, 0.9)']] | Formación |
| desplazamiento | Umbral para controlar Fade Hide/Mostrar cuando llega al inicio o al final | 10 | Número |
| scrolleventthrottle | Esto controla con qué frecuencia se disparará el evento de desplazamiento mientras se desplaza (como un intervalo de tiempo en la EM) | 16 | Número |
| permitido | Permitir divisor en Fade End. | FALSO | Booleano |
| isrtl | Para diseños RTL | FALSO | Booleano |
| OnContentsizeChange | OnContentSizeChange Call Atred agregado, la función devolverá ContentWidth y ContentHeight | Función |
Para el estilo pase estos accesorios.
containerStyle , startFadeStyle , endFadeStyle y dividerStyle .
| Nombre | Parámetro de devolución de llamada | Descripción |
|---|---|---|
| isclosetoend | Booleano | Si el desplazamiento está cerca o no. |
| isclosetost | Booleano | Si el desplazamiento está cerca de comenzar o no. |
Licencia de MIT
Copyright (c) 2023 Malik Abdul Kawee
El permiso se otorga, de forma gratuita, a cualquier persona que obtenga una copia de este software y archivos de documentación asociados (el "software"), para tratar en el software sin restricción, incluidos los derechos de los derechos de usar, copiar, modificar, fusionar, publicar, distribuir, sublicense y/o vender copias del software, y para permitir que las personas a quienes se les proporciona el software para hacer, sujeto a las siguientes condiciones: las siguientes condiciones: las siguientes condiciones: las siguientes condiciones:
El aviso de derechos de autor anterior y este aviso de permiso se incluirán en todas las copias o porciones sustanciales del software.
El software se proporciona "tal cual", sin garantía de ningún tipo, expresa o implícita, incluidas, entre otros, las garantías de comerciabilidad, idoneidad para un propósito particular y no infracción. En ningún caso los autores o titulares de derechos de autor serán responsables de cualquier reclamo, daños u otra responsabilidad, ya sea en una acción de contrato, agravio o de otra manera, que surge, de o en relación con el software o el uso u otros tratos en el software.
