rn faded scrollview

RN-FADED-SCROLLVIEW

Eine einfache und anpassbare reagierende native Komponente, mit der Sie in Scrollview an beiden Enden einen Fade -Effekt hinzufügen können.

Vertikale Schriftrolle	Horizontale Schriftrolle

Sponsor

Installation

Diese Bibliothek basiert auf reagieren-linear-Gradient. Follow -Setup -Anweisungen des linearen Gradienten.

Und jetzt leiten Sie endlich in Ihrem Projektverzeichnis.

npm install rn-faded-scrollview

ODER

yarn add rn-faded-scrollview

Einfach

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

Dokumentation

Diese Bibliothek akzeptiert alle Requisiten von Scrollview und einige zusätzliche Requisiten.

Requisiten

Name	Beschreibung	Standard	Typ
Startfade erlauben	Fügen Sie zu Beginn von Scrollview Fade hinzu	FALSCH	Boolean
erlauben	Fügen Sie am Ende von Scrollview Fade hinzu	WAHR	Boolean
verblassen	Fade -Größe IE (Breite für horizontale und Höhe von vertikalem Scrollview)	20	Nummer
FADECOLORS	Farben für den Fade -Effekt	['RGBA (229, 229, 229, 0,18)', 'RGBA (206, 201, 201, 0,6)', 'RGBA (206, 201, 201, 0,9)']	Array
Scrollthreshold	Schwelle zur Kontrolle von Verblassen ausblenden/anzeigen, wenn sie Start oder Ende erreicht	10	Nummer
ScrolleventThrottle	Dies steuert, wie oft das Bildlaufereignis beim Scrollen abgefeuert wird (als Zeitintervall in MS)	16	Nummer
DILLDIVIDER	Lassen Sie den Teiler am Ende des Fade.	FALSCH	Boolean
isrtl	Für RTL -Layouts	FALSCH	Boolean
OnkontentsizeChange	OnContentizEchange -Rückruf zurückgegeben, die Funktion wird die Inhaltsbreite und die Aushöhe zurückgeben		Funktion

Styling

Zum Styling diese Requisiten.

containerStyle , startFadeStyle , endFadeStyle und dividerStyle .

Ereignisse

Name	Rückrufparam	Beschreibung
Isclosetoend	Boolean	Wenn Scroll nahe am Ende ist oder nicht.
Isclosetostart	Boolean	Wenn Scroll nahe startet oder nicht.

Lizenz

MIT -Lizenz

Copyright (C) 2023 Malik Abdul Kawee

Die Erlaubnis wird hiermit einer Person, die eine Kopie dieser Software und zugehörigen Dokumentationsdateien (der "Software") erhält, kostenlos erteilt, um die Software ohne Einschränkung zu behandeln, einschließlich ohne Einschränkung der Rechte, zu verwenden, zu kopieren, zu modifizieren, zusammenzufassen, zu veröffentlichen, zu veröffentlichen, zu verteilen, zu verteilt, und/oder Kopien der Software zu ermöglichen, um Personen zu beanstanden, an denen die Software zugänglich ist, um die folgenden Bedingungen zu beantragen.

Die oben genannte Copyright -Mitteilung und diese Erlaubnisbekanntmachung müssen in alle Kopien oder wesentlichen Teile der Software enthalten sein.

Die Software wird "wie es ist" ohne Garantie jeglicher Art, ausdrücklich oder stillschweigend bereitgestellt, einschließlich, aber nicht beschränkt auf die Gewährleistung der Handelsfähigkeit, die Eignung für einen bestimmten Zweck und die Nichtverletzung. In keinem Fall sind die Autoren oder Urheberrechtsinhaber für Ansprüche, Schäden oder andere Haftungen haftbar, sei es in einer Vertragsklage, unerbittlich oder auf andere Weise, die sich aus oder im Zusammenhang mit der Software oder anderen Geschäften in der Software ergeben.