GitHub repositorymjohnsullivan/flutter-by-example

flutter-by-example

A collection of simple, bare-bones Flutter apps that each demonstrate a concept

flutter-by-example project cover
Stars
1.1K
Forks
251
Last push (UTC)
Oct 1, 2020
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

flutter-by-example

A collection of simple, bare-bones Flutter apps that each demonstrate a concept

The apps are slowly being updated to Dart 2; be sure to use the --preview-dart-2 flag when running/compiling these examples

Apps

  1. Hello World: one-line Flutter app Updated for Dart 2
  2. Material Navigation: two screen Flutter that demonstrates navigation using Material
    • (2.1) Routing with data: passing data between navigation routes
  3. TextField: example of a simple single-line text field and a multi-line text field with a submit button
  4. HTTP: fetching text and images over http
  5. Layouts: example widget Layouts
  6. Lists: example list view
    • (6.1) Dynamic lists: create a dynamic (infinite) list with dividers
  7. Stacks: how to render widgets at set positions in a stack
  8. Inherited Widgets: how to use inherited widgets to pass data down a widget tree
  9. i18n: simple example of i18n support in Flutter
  10. Driver Testing: a simple demonstration driver test
  11. JSON Parsing: parses a JSON network response
  12. Streams: handle state updates using streams
    • (12.1) StreamBuilder: handle state updates using StreamBuilder
    • (12.2) RxDart: handle state updates using StreamBuilder with Observables
    • (12.3) JSON with Streams: HTTP and JSON parsing using streams
  13. Bottom Nav Bar: Simple bottom nav bar implementation, using Stack and OffStage
  14. Custom Painter: implements a basic bar chart using a custom painter
  15. Tabs: tabbed pages demo

Flutter Docs

For help getting started with Flutter, view Flutter's online documentation.

Matt Sullivan GitHub avatar
GitHub author

Matt Sullivan ↗

LanguagesDartMakefileObjective-CJavaKotlinSwiftRubyShellHTML

Categories

Rankings

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗