Skip to content

jianggaocheng/30-days-of-flutter

Repository files navigation

30 Days of Flutter

30 days of Flutter examples/demos.

This project is inspired by
30 days of React Native (https://github.com/fangwei716/30-days-of-react-native)

Environment

Flutter 1.5.8 • channel dev • https://github.com/flutter/flutter.git Framework • revision 0ba67226ee (3 days ago) • 2019-04-24 17:18:28 -0700 Engine • revision c63d1cf9c9 Tools • Dart 2.3.0 (build 2.3.0-dev.0.1 1f1592edce)

Installation

  1. git clone git@github.com:jianggaocheng/30-days-of-flutter.git
  2. cd 30-days-of-flutter && flutter packages get
  3. flutter run -d <device_id> // replace with your device id

Day 1

An IOS-system-like stop watch.
Fully functioned as the system app.

image

Day 2

An IOS-system-like weather app. The animation is partially done.

image

Day3

The Twitter app entrance animation.

image

Day4

TO BE UPDATED

Day5

!!! You need to get a google api key from https://console.developers.google.com/
Google Map view and find Geo location.

image

Day6

Spotify welcome screen

image

Day7

Pan gesture basic. Move a baseball around.

image

Day8

Google map style swipe menu

image

Day9

Layout of Twitter user page

image

Day10

Tumblr menu animation

image

Day11

Canvas

image

Day12

Charts with Flutter
Reference: https://github.com/google/charts

image

Day13

A tweet UI

image

Day14

TO BE UPDATED

Day15

A time picker

image

About

30 days of Flutter demos

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages