Flutter Design System
Flutter Design System es un paquete de Flutter que proporciona una colección de componentes reutilizables para acelerar el desarrollo de tu aplicación. Incluye widgets comunes como botones, campos de texto personalizados, y más.
Instalación
-
Agrega esta línea a tu archivo
pubspec.yamlen la sección de dependencias:dependencies: flutter_design_system_store: git: url: https://github.com/JuanJose21/flutter-design-system ref: master -
Instala las dependencias:
flutter pub get
Uso
Importa el paquete en tu archivo de Dart donde quieras utilizar los componentes:
import 'package:flutter_design_system_store/flutter_design_system_store.dart';
Componentes Disponibles
CustomButton
Un botón personalizado con estilo predefinido.
Uso:
import 'package:flutter/material.dart';
import 'package:flutter_design_system_store/flutter_design_system_store.dart';
class MyScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('My Screen'),
),
body: Center(
child: CustomButton(
text: 'Click Me',
onPressed: () {
print('Button Pressed!');
},
),
),
);
}
}
CustomTextField
Un campo de texto personalizado con estilo predefinido.
Uso:
import 'package:flutter/material.dart';
import 'package:flutter_design_system_store/flutter_design_system_store.dart';
class MyFormScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('My Form'),
),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
children: [
CustomTextField(
controller: TextEditingController(),
hintText: 'Enter your text',
),
],
),
),
);
}
}
Más Componentes
Consulta la documentación completa y los ejemplos de uso para cada componente en el repositorio de GitHub.
Contribuciones
¡Las contribuciones son bienvenidas! Si encuentras un problema o tienes una sugerencia, abre un issue o envía un pull request en el repositorio de GitHub.
Licencia
Este proyecto está licenciado bajo la Licencia MIT - consulta el archivo LICENSE para más detalles.