rn faded scrollview

RN-Faded-ScrollView

Um componente nativo de reação simples e personalizável que permite adicionar efeito de desbotamento no ScrollView nas duas extremidades.

Rolagem vertical	Rolagem horizontal

Patrocinador

Instalação

Esta biblioteca se baseia em gradiente linear de reação-nativo. Siga as instruções de configuração do gradiente linear.

E agora finalmente executa no seu diretório de projeto.

npm install rn-faded-scrollview

OU

yarn add rn-faded-scrollview

Simples

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

Documentação

Esta biblioteca aceita todos os adereços do ScrollView e alguns adereços adicionais.

Adereços

Nome	Descrição	Padrão	Tipo
Allowstartfade	Adicione Fade no início do ScrollView	falso	Booleano
allowendfade	Adicionar Fade no final do ScrollView	verdadeiro	Booleano
Fadesize	Tamanho do desbotamento, isto é (largura em termos de horizontal e altura, em altura, em	20	Número
Fadecolors	Cores para efeito de desbotamento	['RGBA (229, 229, 229, 0,18)', 'RGBA (206, 201, 201, 0,6)', 'RGBA (206, 201, 201, 0,9)']	Variedade
roldhreshold	Limiar para controlar o fade hide/show quando atinge o início ou o fim	10	Número
ScrolleventTrottle	Isso controla a frequência com que o evento de rolagem será disparado durante a rolagem (como um intervalo de tempo em MS)	16	Número
permitir quedivider	Permitir divisor no final do desbotamento.	falso	Booleano
isrtl	Para layouts RTL	falso	Booleano
OCONCONTENTSIZECHANGE	OCONCONTENTSIZECHANGE CALL RECUTADO, a função retornará ContentWidth e ContentHeight		Função

Estilo

Para estilo, passe esses adereços.

containerStyle , startFadeStyle , endFadeStyle e dividerStyle .

Eventos

Nome	Param de retorno de chamada	Descrição
isCloSetond	Booleano	Se a rolagem estiver perto do fim ou não.
ISCLOSETOSTART	Booleano	Se a rolagem estiver perto para iniciar ou não.

Licença

MIT Licença

Copyright (C) 2023 Malik Abdul Kawee

A permissão é concedida, gratuita, a qualquer pessoa que obtenha uma cópia deste software e arquivos de documentação associados (o "software"), para lidar com o software sem restrição, inclusive sem limitação os direitos de usar, copiar, modificar, mesclar, publicar, distribuir, mobilizar o software e/ou vender cópias do software e permitir que as pessoas a quem

O aviso de direitos autorais acima e este aviso de permissão devem ser incluídos em todas as cópias ou em partes substanciais do software.

O software é fornecido "como está", sem garantia de qualquer tipo, expresso ou implícito, incluindo, entre outros, as garantias de comercialização, aptidão para uma finalidade específica e não innoculação. Em nenhum caso os autores ou detentores de direitos autorais serão responsáveis ​​por qualquer reclamação, danos ou outro passivo, seja em uma ação de contrato, delito ou não, decorrente de, fora ou em conexão com o software ou o uso ou outras negociações no software.