30 days of flutter

30 Days of Flutter

30 days of Flutter examples/demos.

Source code: https://github.com/jianggaocheng/30-days-of-flutter

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

Environment

Flutter 0.5.8 • channel dev • https://github.com/flutter/flutter.git
Framework • revision e4b989bf3d (8 days ago) • 2018-08-09 09:45:44 -0700
Engine • revision 3777931801
Tools • Dart 2.0.0-dev.69.5.flutter-eab492385c

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

坚持原创技术分享,您的支持将鼓励我继续创作!