Git Product home page Git Product logo

flutter-by-example's Introduction

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.

flutter-by-example's People

Contributors

mjohnsullivan avatar passsy avatar sethladd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.