mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
5.5 KiB
79 lines
5.5 KiB
6 years ago
|
# 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 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](https://github.com/Solido/awesome-flutter) from @Solido.
|
||
|
|
|
||
|
|
## How-to Collections
|
||
|
|
|
||
|
|
#### [Flutter Examples](https://github.com/nisrulz/flutter-examples) [](https://github.com/nisrulz/flutter-examples) [](https://github.com/nisrulz/flutter-examples/fork)
|
||
|
|
|
||
|
|
A collection of single-topic examples from Nishant Srivastava. These include
|
||
|
|
everything from gradients to JSON to routing and more.
|
||
|
|
|
||
|
|
#### [Flutter Example Apps](https://github.com/iampawan/FlutterExampleApps) [](https://github.com/iampawan/FlutterExampleApps) [](https://github.com/iampawan/FlutterExampleApps/fork)
|
||
|
|
|
||
|
|
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](https://github.com/mjohnsullivan/flutter-by-example) [](https://github.com/mjohnsullivan/flutter-by-example) [](https://github.com/mjohnsullivan/flutter-by-example/fork)
|
||
|
|
|
||
|
|
Twenty-odd samples detailing common tasks with Flutter: how to use text fields,
|
||
|
|
streams and StreamBuilders, and more.
|
||
|
|
|
||
|
|
## Architecture / networking / backend
|
||
|
|
|
||
|
|
#### [Flutter Architectural Samples](https://github.com/brianegan/flutter_architecture_samples) [](https://github.com/brianegan/flutter_architecture_samples) [](https://github.com/brianegan/flutter_architecture_samples/fork)
|
||
|
|
|
||
|
|
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](jsonexample) _(Flutter team)_
|
||
|
|
|
||
|
|
A simple app showing three different approaches to deserializing JSON:
|
||
|
|
hand-written constructors, `json_serializable`, and `built_value`.
|
||
|
|
|
||
|
|
## UI
|
||
|
|
|
||
|
|
#### [Flutter UI Kit](https://github.com/iampawan/Flutter-UI-Kit) [](https://github.com/iampawan/Flutter-UI-Kit) [](https://github.com/iampawan/Flutter-UI-Kit/fork)
|
||
|
|
Another sample from Flutter GDE Pawan Kumar, this repo includes a variety of
|
||
|
|
polished UI examples.
|
||
|
|
|
||
|
|
|
||
|
|
#### [Flutter Challenges](https://github.com/matthew-carroll?tab=repositories&q=flutter_ui_challenge)
|
||
|
|
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.
|
||
|
|
|
||
|
|
## Full apps
|
||
|
|
|
||
|
|
#### [inKino](https://github.com/roughike/inKino) [](https://github.com/roughike/inKino) [](https://github.com/roughike/inKino/fork)
|
||
|
|
An unofficial Finnkino client that shows movie details and showtimes for movies
|
||
|
|
in Finland. It's currently available in both the
|
||
|
|
[App Store](https://itunes.apple.com/gb/app/inkino/id1367181450?mt=8) and
|
||
|
|
[Play Store](https://play.google.com/store/apps/details?id=com.roughike.inkino).
|
||
|
|
|
||
|
|
#### [FlutterFlip](https://github.com/redbrogdon/flutterflip) [](https://github.com/redbrogdon/flutterflip) [](https://github.com/redbrogdon/flutterflip/fork)
|
||
|
|
A simple reversi clone built with Flutter. It showcases some implicit animations
|
||
|
|
and how to move work off the UI thread into an isolate.
|
||
|
|
|
||
|
|
## Demos
|
||
|
|
|
||
|
|
#### [Shrine](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](https://github.com/flutter/flutter/tree/master/examples/flutter_gallery) _(Flutter team)_
|
||
|
|
The official Flutter Gallery. There's tons of stuff in here. Just tons.
|