pizzacorn_ui 0.0.21
pizzacorn_ui: ^0.0.21 copied to clipboard
Pizzacorn UI: a Flutter design system with configurable theme, typography, colors and reusable UI widgets.
🍕 Pizzacorn UI 🦄 #
Pizzacorn UI es el design system definitivo de Pizzacorn para Flutter. Un ecosistema robusto diseñado para construir aplicaciones profesionales, escalables y totalmente configurables en tiempo de ejecución.
Este paquete no es solo una colección de widgets; es un motor completo que incluye:
- 🎨 Dynamic Theme System: Cambia colores y dimensiones en runtime.
- 🚀 Firebase Engine: Paginación genérica y scroll infinito listos para usar.
- 💻 Web First: Adaptadores y layouts inteligentes para experiencias Desktop/Web.
- 🔤 Typography & Design Tokens: Consistencia visual absoluta.
🚀 Instalación #
Añade la dependencia en tu pubspec.yaml:
🛠️ Configuración Inicial #
Configura tu marca y tipografía en el main() antes de lanzar la app. ¡Sin reinicios, todo reactivo!
dart Future
📦 Componentes Destacados #
1. Motor de Datos (Firebase & Lists) #
Gestiona miles de registros con facilidad.
FirebasePagination: Lógica genérica para traer datos de Firestore.InfiniteListView: Scroll infinito con indicadores de carga y "fin de registros".
2. Adaptadores Web & Responsive #
Diseñado para que tu app se vea genial en cualquier pantalla.
WebPopUpAdapter: Modales centrados y elegantes para escritorio.WebColumnRowAdapter: Cambia deRowaColumnautomáticamente según el ancho (WEBSIZE).HoverWidget: Feedback visual (elevación/color) al pasar el ratón.
3. Inputs y Botones Premium #
DropdownCustom<T>: Selector elegante basado en PopupMenu (evita el feo dropdown estándar).ButtonIcon: Soporte total paraIconDataySVGcon colores dinámicos.MoreMenuButton: Menú de acciones (Editar, Eliminar, Duplicar) listo para usar.
4. Decoraciones Inteligentes #
Usa nuestras funciones para mantener la armonía:
BoxDecorationCustom(): Aplica sombras suaves y el radio de borde configurado globalmente.BorderRadiusCustomAll(): El radio perfecto en toda tu app.
📏 Design Tokens (Getters Globales) #
Olvídate de los números mágicos. Usa nuestros tokens reactivos:
| Token | Descripción |
|---|---|
COLOR_ACCENT |
Color principal de marca |
COLOR_BACKGROUND |
Fondo principal de la app |
RADIUS |
Radio de borde por defecto |
PADDING |
Padding lateral estándar (EdgeInsets) |
WEBSIZE |
Punto de ruptura para responsive (1100px) |
📜 Reglas de Oro del Sistema #
Para mantener la consistencia en el ecosistema Pizzacorn:
- No usar
consten los widgets de la librería para permitir la reactividad del tema. - Textos posicionales:
TextBody("Hola")en lugar detext: "Hola". - Espaciado: Usar siempre el widget
Space(DOUBLE_PADDING).
👨💻 Desarrollado por #
Señor Sputo & Don Sputknif (Pizzacorn Team). #
"Porque una app sin estilo es como una pizza sin queso." 🍕✨