react-native-separator-ui
es una librería moderna, intuitiva, liviana y flexible para crear separadores horizontales o verticales en aplicaciones React Native.
Ideal para crear divisiones horizontales y verticales en tus aplicaciones móviles, ayudándote a estructurar y organizar interfaces de forma limpia, profesional y reutilizable.
- 🎨 Sencillo pero potente: Solo dos props para controlar todo
- 📱 Responsive: Se adapta automáticamente al tamaño de la pantalla
- 📦 Ligero: Sin dependencias adicionales
- 🎯 Preciso: Control total sobre el tamaño en píxeles
- 🔧 Flexibilidad: Horizontal y vertical con un solo componente
Puedes instalar react-native-separator-ui usando npm o yarn:
npm install react-native-separator-ui
# o
yarn add react-native-separator-ui
Puedes usar react-native-separator-ui de la siguiente manera:
// Importar la librería
import Separator from 'react-native-separator-ui';
// Uso horizontal (por defecto)
<Separator height={1} />
// Uso vertical
<Separator height={16} orientation="vertical" />
Propiedad | Tipo | Default | Descripción |
---|---|---|---|
height |
number |
1 |
Tamaño del separador en píxeles |
orientation |
'horizontal' 'vertical' |
'horizontal' |
Dirección del separador |
// Separador horizontal simple
<Separator />
// Separador vertical más grueso
<Separator height={16} orientation="vertical" />
// En un layout completo
<View style={{ padding: 16 }}>
<Text>Primero</Text>
<Separator height={20} />
<Text>Segundo</Text>
<View style={{ flexDirection: 'row', marginTop: 20 }}>
<Text>Columna A</Text>
<Separator height={16} orientation="vertical" />
<Text>Columna B</Text>
</View>
</View>
Si encuentras algún problema o tienes una idea para mejorar el paquete, por favor abre un issue o envía un pull request en GitHub
Urian Viera
🌐 urianviera.com
📺 YouTube
💌 urian1213viera@gmail.com
☕ ¡Apóyame en PayPal!
© 2025 Urian Viera. Todos los derechos reservados.
Distribuido bajo la licencia MIT