Flutter – A curated list of samples


Contained in this list are sample apps, demos, and examples that can help you grow your Flutter skills. Some are maintained here by the Flutter team, but many have been created by the Flutter community and are kept in other repos in and out of GitHub.

This is not an exhaustive list of samples, and just because a project isn’t listed here doesn’t mean that it’s not worth exploring. Similarly, while the Flutter team works to keep this list up to date, there are plenty of others created by the community, such as Awesome Flutter from @Solido.

Please don’t submit pull requests directly updating this file. While we’re always happy to learn of new samples from the community, we need to keep this file small. There are plenty of user-maintained indices (like Awesome Flutter) that are meant to be exhaustive, and those are great places for submitting your own work.

How-to Collections

Flutter Examples GitHub stars GitHub forks

A collection of single-topic examples from Nishant Srivastava. These include everything from gradients to JSON to routing and more.

Flutter Example Apps GitHub stars GitHub forks

Several dozen examples from Flutter GDE Pawan Kumar. These cover state management, Firebase, UI design, and many other topics. Each one comes with a YouTube video showing implementation.

Flutter by Example GitHub stars GitHub forks

Twenty-odd samples detailing common tasks with Flutter: how to use text fields, streams and StreamBuilders, and more.

Flutter for web samples (Flutter team)

A collection of Flutter samples structured as Flutter for web projects. You can see them in action at https://flutter.github.io/samples.

WEB

@cbenhagen@johnpryan

Latest commit231a19a5 days ago

Architecture / networking / backend

Flutter Architectural Samples GitHub stars GitHub forks

Brian Egan’s implementations of TodoMVC using a variety of state management and architectural approaches. If you’d like to see how an app built with flutter-redux is different from one using BLoC, this is a great place to start.

jsonexample (Flutter team)

A simple app showing three different approaches to deserializing JSON: hand-written constructors, json_serializable, and built_value.

provider_counter (Flutter team)

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 (Flutter team)

A slightly more complex example of state management with provider. This example demonstrates multiple providers, navigation between screens, and some other advanced topics.

UI

Veggie Seasons (Flutter team)

Available on the App Store!

Veggie Seasons is a published iOS app that displays seasonality, vitamin content, and trivia for a bunch of different fruits and veggies. If you’re interested in learning how to use Flutter’s Cupertino package to build interfaces for iOS, it’s a great place to start.

Flutter UI Kit GitHub stars GitHub forks

Another sample from Flutter GDE Pawan Kumar, this repo includes a variety of polished UI examples.

FlutterPlayground GitHub stars GitHub forks

A repo full of short, specific examples (with animated screenshots!) showing commonly used widgets and how to put them to work.

Flutter Challenges

More a GitHub search result than a single repo, Matt Carroll’s Flutter UI challenges showcase some amazing designs powered by Flutter. Make sure to check the accompanying YouTube video so you can watch Matt implement them.

Platform Design (Flutter team)

An app designed to look great on both iOS and Android, this sample shows how to add platform-specific design touches to an app while reusing as much code as possible.

Animation examples (Flutter team)

currently in development

A collection of animation examples. The app starts with basic concepts like AnimationController and Tween, then progresses to transitions and advanced demos.

Maps

Place tracker (Flutter team)

A simple integration of the Google Maps plugin for Flutter, this app shows how to add a map to the Flutter widget hierarchy, create markers, and more.

Flutter, maps, and Cloud Firestore (Flutter team)

This app shows the use of a Google map with data loaded from Cloud Firestore. It was built live on stage at Cloud Next ’19.

Full apps

It’s All Widgets!

Created and maintained by the Flutter community, It’s All Widgets collects links to apps built with Flutter. Many are open source and include links to their source code, so you can browse through the list until you find something that looks interesting, and then go see how it was built.

inKino GitHub stars GitHub forks

An unofficial Finnkino client that shows movies and showtimes of Finnkino cinemas in Finland. It uses Redux, has a comprehensive set of tests, and shares 40% of its code between the Flutter app and the AngularDart web app. It’s currently available in the App StorePlay Store and as a Progressive Web App.

FlutterFlip GitHub stars GitHub forks

A simple reversi clone built with Flutter. It showcases some implicit animations, a stream-based, reactive architecture, and a technique to move work off the UI thread and into an isolate.

Demos

Shrine (Flutter team)

The Shrine demo app from the Flutter team. It’s designed to showcase how apps can put their own spin on the Material Design components and how to use ScopedModel to maintain app state across screens.

Flutter Gallery (Flutter team)

The official Flutter Gallery. There’s tons of stuff in here. Just tons.

Type Name Latest commit message Commit time
.github Setup sponsorship button 6 months ago
dropdown_button Upgrade projects 26 days ago
enabling_splash_screen Upgrade projects 26 days ago
expense_planner Upgrade projects 26 days ago
google_signin Upgrade projects 26 days ago
grid_layout Setup on click action on GridView items 26 days ago
handling_routes Upgrade projects 26 days ago
image_from_network Upgrade projects 26 days ago
img init 2 years ago
infinite_list Upgrade projects 26 days ago
load_local_image Upgrade projects 26 days ago
load_local_json Upgrade projects 26 days ago
navigation_drawer Upgrade projects 26 days ago
persist_key_value Upgrade projects 26 days ago
simple_material_app Upgrade projects 26 days ago
stateful_widget Upgrade projects 26 days ago
stateless_widgets Upgrade projects 26 days ago
tip_calculator Upgrade projects 26 days ago
using_alert_dialog Upgrade projects 26 days ago
using_bottom_nav_bar Upgrade projects 26 days ago
using_custom_fonts Upgrade projects 26 days ago
using_edittext Upgrade projects 26 days ago
using_firebase_db Upgrade projects 26 days ago
using_gradient Upgrade projects 26 days ago
using_http_get Upgrade projects 26 days ago
using_listview Upgrade projects 26 days ago
using_snackbar Upgrade projects 26 days ago
using_stepper Upgrade projects 26 days ago
using_tabs Upgrade projects 26 days ago
using_theme Upgrade projects 26 days ago
.gitignore updated gitignore fle 2 months ago
LICENSE.txt init 2 years ago
README.md updated readme 2 months ago
delete_build_folder.sh updated bash script to delete build folders 12 days ago

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s