rn-expandable

Un componente simple expandible/colapsable para react native utilizando react-native-reanimated.

English README

English

Instalación

$ npm i rn-expandable

Uso

$3

import { RNExpandable } from 'rn-expandable';

$3



   separator={true}

   initialToggle={false}

   titleComponent={Expandable Component}

   iconComponent={}

   separatorColor='black'

   separatorHeight={1}

   separatorMargin={5}

   titleContainerPaddingHorizontal={15}

   titleContainerPaddingVertical={15}

   initialRotation={0}

   finalRotation={90}>

   

      Custom text

      

         

         

         

      

      Custom text

$3

| Propiedad | Descripción | Valor por defecto | Requerido
| :--- | :--- | :--- | :---
| initialToggle | Indica si el componente estara expandido o replegado al inicio. true = replegado, false = espandido | false | Si
| titleComponent | Componente que se renderizará como título | Ninguno | Si
| titleContainerPaddingHorizontal | Padding horizontal para el contenedor del título | 15 | No
| titleContainerPaddingVertical | Padding vertical para el contenedor del título | 15 | No
| iconComponent | Componente que se renderizará como icono | Ninguno | Si
| separator | Indica si se debe dibujar el separador al final del contenido | true | Si
| separatorColor | Color para la línea del separador | black | No
| separatorHeight | Altura o grosor para la línea del separador | 1 | No
| separatorMargin | Margen de abajo del separador para cuando el contenido esté expandido | 5 | No
| initialRotation | Rotación inicial en el eje Z del icono, en grados | 0 | No
| finalRotation | Rotación final en el eje Z del icono, en grados | 90 | No