En esta lista se incluyen ejemplos de aplicaciones, demostraciones y ejemplos que pueden ayudarlo a desarrollar sus habilidades de Flutter. Algunos son mantenidos aquí por el equipo de Flutter, pero muchos han sido creados por la comunidad de Flutter y se mantienen en otros repositorios dentro y fuera de GitHub.
Esta no es una lista exhaustiva de muestras, y solo porque un proyecto no esté en la lista no significa que no valga la pena explorarlo.
Del mismo modo, aunque el equipo de Flutter trabaja para mantener esta lista actualizada, hay muchos otros creados por la comunidad, como Awesome Flutter de @Solido.
Metalistas de Flutter
Una colección de ejemplos de un solo tema de Nishant Srivastava. Estos incluyen todo, desde gradientes hasta JSON, enrutamiento y más.
Varias docenas de ejemplos de Flutter GDE Pawan Kumar. Estos cubren la gestión del estado, Firebase, diseño de interfaz de usuario y muchos otros temas. Cada uno viene con un video de YouTube que muestra la implementación.
Veinte muestras extrañas que detallan tareas comunes con Flutter: cómo usar campos de texto, secuencias y StreamBuilders, y más.
- Flutter por Ejemplos Web (Equipo de Flutter)
Una colección de muestras de Flutter estructuradas como Flutter para proyectos web. Si lo deseas, puedes verlos en acción ? ?.
Arquitectura / redes / backend de Flutter
Las implementaciones de TodoMVC de Brian Egan usando una variedad de enfoques estatales de arquitectura y arquitectura. Si desea ver cómo una aplicación creada con
flutter-redux
es diferente de una que usa BLoC, este es un excelente lugar para comenzar.
- jsonexample (Equipo de Flutter)
Una aplicación simple que muestra tres enfoques diferentes para deserializar JSON: constructores escritos a mano,
json_serializable
y
built_value
.
- provider_counter (Equipo de Flutter)
The simplest possible app (the counter) using
provider
for state management. This was previously known as
scoped_model_counter
, and used
scoped_model
for state management.
- provider_shopper (Equipo de Flutter)
La aplicación más simple posible (el contador) que utiliza
provider
para la gestión del estado. Anteriormente, esto se conocía como
scoped_model_counter
, y se usaba
scoped_model
para la administración del estado.
Interfaz de Usuario de Flutter
- Veggie Seasons (Equipo de Flutter)
Veggie Seasons es una aplicación iOS publicada que muestra la estacionalidad, el contenido de vitaminas y las curiosidades de un montón de diferentes frutas y verduras. Si estás interesado en aprender a usar el paquete de Flutter Cupertino para construir interfaces para iOS, es una gran opción para comenzar.
Otra muestra de Flutter GDE Pawan Kumar, este repositorio incluye una variedad de ejemplos de IU pulidos.
Un repositorio lleno de ejemplos cortos y específicos (¡Con capturas de pantalla animadas!) Que muestran widgets de uso común y cómo comenzar a trabajar con ellos.
- Diseño de Plataforma (Equipo de Flutter)
Una aplicación diseñada para funcionar a la perfección tanto en iOS como en Android, este ejemplo muestra cómo agregar toques de diseño específicos de la aplicación sobre una u otra plataforma, mientras se reutiliza la mayor cantidad de código posible.
- Ejemplos de Animación (Equipo de Flutter)
Actualmente en Desarrollo
Una colección de ejemplos de animación. La aplicación comienza con conceptos básicos como
AnimationController
y
Tween
, luego progresa a transiciones y demostraciones avanzadas.
Mapas con Flutter
- Place tracker (Equipo de Flutter)
Una integración simple del complemento de Google Maps para Flutter, esta aplicación muestra cómo agregar un mapa a la jerarquía de widgets de Flutter, crear marcadores y más.
- Flutter, mapas, y Cloud Firestore (Equipo de Flutter)
Esta aplicación muestra el uso de un mapa de Google con datos cargados desde Cloud Firestore. Fue construido en vivo sobre el escenario del evento Cloud Next ’19.
Aplicaciones Completas
Creado y mantenido por la comunidad de Flutter, “It’s All Widgets” o “Son todo Widgets” recopila enlaces a aplicaciones creadas con Flutter. Muchos son de código abierto e incluyen enlaces a su código fuente, para que puedas navegar por la lista hasta que encuentres algo que te parezca interesante, y poder comprobar cómo se creó.
Un cliente de Finnkino no oficial que muestra películas y horarios de los cines Finnkino en Finlandia. Utiliza Redux, tiene un conjunto completo de pruebas y comparte el 40% de su código entre la aplicación Flutter y la aplicación web creada sobre Angular y Dart. Actualmente está disponible en la App Store, Play Store y como Aplicación Web Progresiva.
Un simple clon inverso construido con Flutter. Muestra algunas animaciones implícitas, una arquitectura reactiva basada en secuencias y una técnica para mover el trabajo del hilo de la interfaz de usuario a un aislamiento.
Demos de FLutter
- Shrine (Equipo de Flutter)
La aplicación de demostración Shrine del equipo Flutter. Está diseñado para mostrar cómo las aplicaciones pueden dar su propio giro a los componentes de Diseño de materiales y cómo usar ScopedModel para mantener el estado de la aplicación en todas las pantallas.
- Flutter Gallery (Equipo de Flutter)
La galería oficial de Flutter. Hay toneladas de cosas allí. Solo toneladas.
Guía DevTools
? ¿Qué es DevTools?? ¿Cómo instalar DevTools?? ¿Cómo usar el inspector de DevTools?? ¿Cómo usar la línea de tiempo de DevTools?? ¿Cómo usar la vista de memoria de DevTools?? ¿Cómo usar la vista de rendimiento de DevTools?? ¿Cómo usar el depurador de DevTools?? ¿Cómo usar la vista de registro de DevTools?? Guía Flutter?
Enlaces Interesantes
? Cursos en Español? Ejemplos de Aplicaciones⚓ Documentación en EspañolFuente