¿Qué puedo crear con Flutter? La mejor lista de colecciones y aplicaciones desarrolladas con el nuevo SDK de Google

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.

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.

Una aplicación simple que muestra tres enfoques diferentes para deserializar JSON: constructores escritos a mano, json_serializable y built_value .

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.

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

Disponible en la App Store!

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.

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.

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

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.

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

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.

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

: Github Flutter

Relacionados

Deja un comentario