flutter_design_system_store

Description:

flutter design system store

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.yaml en la sección de dependencias:
dependencies:
flutter_design_system_store:
git:
url: https://github.com/JuanJose21/flutter-design-system
ref: master
copied to clipboard


Instala las dependencias:
flutter pub get
copied to clipboard


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';
copied to clipboard
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!');
},
),
),
);
}
}
copied to clipboard
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',
),
],
),
),
);
}
}
copied to clipboard
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.