rn faded scrollview

RN-Fade-ScrollView

Un composant natif React simple et personnalisable qui vous permet d'ajouter l'effet Fade dans ScrollView aux deux extrémités.

Rouleau vertical	Parchemin horizontal

Parrainer

Installation

Cette bibliothèque s'appuie sur le gradient réactif-natif-linéaire. Instructions de configuration de suivi du gradient linéaire.

Et maintenant enfin exécuté dans votre répertoire de projet.

npm install rn-faded-scrollview

OU

yarn add rn-faded-scrollview

Simple

 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
  }
} ) ; 

Documentation

Cette bibliothèque accepte tous les accessoires de ScrollView et certains accessoires supplémentaires.

Accessoires

Nom	Description	Défaut	Taper
Autoriser	Ajouter Fade au début de ScrollView	FAUX	Booléen
Autoriser	Ajouter Fade à la fin de ScrollView	vrai	Booléen
se dégrader	Taille de la pharmacie IE (largeur en cas de horizontal et de hauteur dans le cas où la vue verticale)	20	Nombre
fadecolors	Couleurs pour l'effet de fondu	[«RGBA (229, 229, 229, 0,18)», «RGBA (206, 201, 201, 0,6)», «RGBA (206, 201, 201, 0,9)»]	Tableau
ScrollThreshold	Seuil pour contrôler la cachette / afficher le fondu lorsqu'il atteint le démarrage ou la fin	10	Nombre
se déconnecter	Cela contrôle la fréquence à laquelle l'événement de défilement sera licencié pendant le défilement (comme intervalle de temps dans MS)	16	Nombre
autoriter	Autoriser le séparateur à Fade End.	FAUX	Booléen
isrtl	Pour les dispositions RTL	FAUX	Booléen
OncontentsIzechange	Rappel OnConTenSizEChange ajouté, la fonction renverra ContentWidth et ContentHeight		Fonction

Coiffage

Pour le style, passez ces accessoires.

containerStyle , startFadeStyle , endFadeStyle et dividerStyle .

Événements

Nom	Param de rappel	Description
isclosetoend	Booléen	Si le défilement est proche ou non.
isclosetostart	Booléen	Si Scroll est proche ou non.

Licence

Licence MIT

Copyright (C) 2023 Malik Abdul Kawee

L'autorisation est accordée gratuitement à toute personne qui obtient une copie de ce logiciel et des fichiers de documentation associés (le "logiciel"), pour traiter le logiciel sans restriction, y compris sans limiter les droits d'utilisation, de copie, de modification, de fusion, de publication, de distribution, de sublince et / ou de vendre des copies des conditions suivantes.

L'avis de droit d'auteur ci-dessus et le présent avis d'autorisation sont inclus dans toutes les copies ou des parties substantielles du logiciel.

Le logiciel est fourni "tel quel", sans garantie d'aucune sorte, express ou implicite, y compris, mais sans s'y limiter, les garanties de qualité marchande, d'adéquation à un usage particulier et de non-contrefaçon. En aucun cas, les auteurs ou les détenteurs de droits d'auteur ne seront pas responsables de toute réclamation, dommage ou autre responsabilité, que ce soit dans une action de contrat, de délit ou autre, découlant de, hors du logiciel ou de l'utilisation ou d'autres relations dans le logiciel.