Flutter 学习资料

Flutter is a mobile app SDK for building high-performance, high-fidelity, apps for iOS and Android, from a single codebase.

If you appreciate the content :book: , support projects visibility, give :+1: | :star:| :clap:

Contents

Articles

Begin with

• Google IO 2018 [1.1K claps :clap: ] - Building beautiful, flexible user interfaces.
• Zero to One [3.3K claps :clap: ] - Flutter basics by Mikkel Ravn .
• From Install to ListView [735 claps :clap: ] - Full series of 4 articles by Chema Rubio .

Tutorial

• Animated Chat - Building beautiful UIs by Google Code Labs.
• Firebase Chat - Firebase integration by Google Code Labs.
• Planets-Flutter: from design to app - Detailed planets design tutorial.

Howtos

• Zero to One Animation [885 claps :clap: ] - Focus on animation by Mikkel Ravn .
• Google Cloud Functions - App powered by Google Cloud Functions by Romin Irani .
• Firebase [420 :+1: ] - Firebase live coding.
• Securing Apps [350 claps :clap: ] - By Mehmet Fidanboylu.
• Build your plugins [385 claps :clap: ] - How to make a custom plug-in by Karthik Ponnam .
• Build Flavor [743 claps :clap: ] - Define build configurations and switch them by Salvatore Giordano .
• Animations in Flutter [643 claps :clap: ] - Commonly used animation examples by Muhammed Salih Güler .

Websites / Blogs

• SZAŁKO-BLOG - Step by step advanced design by Marcin Szalek .
• Sergi & Replace - Basic to advanced articles and tutorials Sergi Martínez .
• Flutter by Example - Tutorials based on Redux, Firebase, Custom Animations, and UI.
• Flutter Institute - Very original content and tutorials by Brian Armstrong .
• Iirokrankka.com - Articles and tutorials about Flutter, Dart and anything related by Iiro Krankka .
• Norbert - In depth articles, features and app creation by Norbert515 .
• Welcome to Flutter - English and French blog dedicated to providing practical solutions to most asked questions about Flutter by Didier Boelens.
• Flutter Tips - Articles, tips & tricks in the development by Diego Velásquez .

Advanced

• Rendering Pipeline [196 :+1: ] - Engine architecture by Adam Barth.
• Render Objects [1.4K claps :clap: ] - What are Widgets, RenderObjects and Elements? by Norbert515 .
• Streams and RxDart - Skillmatters presentation by Brian Egan .
• Gesture System [370 claps :clap: ] - Flutter Deep Dive: Gestures by Nash .
• Schemas - Widget, State, Context and InheritedWidget explanations by Didier Boelens .
• Rendering Engine Tutorial [360 claps :clap: ] - Flutter's Rendering Engine: A Tutorial by AbdulRahman AlHamali .
• Inherited Widget - Flutter’s InheritedWidget to hold app state by Chema Molins .
• Flutter: from Mobile to Desktop - Building applications for smartphones and desktops by Marcelo Henrique Neppel .

Videos

• Tensor Programming [68 :clapper: ] - Very rich content by Tensor Programming .
• Fluttery - High-production value and in-depth challenges.
• Brandon Donnelson [55 :clapper: ] - Videos on layout, database and tips by Brandon Donnelson.
• Mtechviral [113 :clapper: ] - [Hindi/English] Mtechviral Series By Pawan Kumar .
• Udacity - Build Native Mobile Apps by Google.
• VoidRealms [43 :clapper: ] - Video tutorials, from basic to advanced.
• Coding With Flutter [16 :clapper: ] - Video tutorials and live-coding examples by Andrea Bizzotto .
• Flutter Crash Course - A free video course by Nick Manning .

Components

Demonstrations

• Official Gallery - Demo for the material design widgets provided by Flutter Team.
• Flutter Examples [1490:star:] - Simple basic isolated apps for devs by Nishant Srivastava .

UI

• 3D Object [52:star:] - Renders a wavefront .obj on to a canvas by Hemanth Raj .
• Contact Picker [22:star:] - Picking contact from the address book by Michael Goderbauer .
• StaggeredGridView [306:star:] - GridView with tiles of variable sizes by Romain Rastel .
• Sticky Header [124:star:] - Sliver based sticky headers by Romain Rastel .
• Radial Menu [131:star:] - Animated Radial Menu by Victor Choueiri .
• Tinder Cards [140:star:] - Tinder like cards swipe effect by Ivascu Adrian .
• Sticky Headers [171:star:] - Configurable sticky headers by Simon Lightfoot .
• Login Animation [290:star:] - Smooth animation from login to home by Ruchika Gupta .
• List Drag&Drop [114:star:] - Reorder list elements using Drag & Drop by Norbert515 .
• Side Header List [99:star:] - Listview with sticky headers by Rene Floor .
• Flip Panel [107:star:] - Flip panel with built-in animation by HungHD .
• Facebook Reactions [53:star:] - Facebook reactions widget by Duy Tran .
• Flushbar [87:star:] - Highly configurable Snackbar by Andre Haueisen .
• Stepper Touch [51:star:] - Lateral value stepper nicely animated by Raouf Rahiche .
• Offline [125:star:] - Tidy utility to handle offline/online connectivity by Jeremiah Ogbomo .
• Typeahead [62:star:] - Display overlay suggestions to users as they type by Abdul Rahman Al Hamali .
• Snaplist [69:star:] - Create snappable list views by David Leibovych .
• Fluid Slider [44:star:] - A slider with a minimal design and fluid like animation by Vamsi Krishna .
• Infinite Listview [10:star:] - Infinite scroll in both directions by Simon Lightfoot .

Material Design

• Material Color Picker [39:star:] - Based on the Google Docs color picker by Lung Razvan .
• Unicorn Speed Dial [73:star:] - Floating Action Button with Speed Dial by Tiago Martins .
• Slidable [301:star:] - Slidable list item with left and right slide actions by Romain Rastel .
• RangeSlider [62:star:] - 2-thumb configurable RangeSlider by Didier Boelens .

Effect

• Frosted Glass - Render effect by Collin Jackson .
• Parallax [232:star:] - ViewPager by Iiro Krankka .
• Shimmer [193:star:] - Shimmer effect while content is loading by HungHD .
• Wave [18:star:] - Displaying some waves with custom color, duration, floating and blur effects by RockerFlower .

Calendar

• Calendar Widget [41:star:] - Calendar widget by David Bennett .
• Calendar Carousel Widget - Calendar carousel by dooboolab
• Date range picker - Date range picker modified based on Flutter date picker by An Doan .

Image

• Image Picker - Images Selection by Collin Jackson .
• Carousel Slider [115:star:] - Carousel slider widget, support infinite scroll and custom child widget by serenader .
• Parallax Image [84:star:] - Image parallax by Anatoly Pulyaevskiy .
• Photo View [192:star:] - Scalable image view with loading placeholder by Renan C. Araújo .
• SVG [178:star:] - SVG parsing, rendering, and widget library by Dan Field .
• Image Cropper [158:star:] - Crop your images support ratio, rotation, zoom by HungHD .
• Cached Network Image [232:star:] - Show images from the internet and keep them in the cache directory by.
• Multi Image Picker [82:star:] - Display multi image picker by Radoslav Vitanov .

Map

• Google Map View [335:star:] - Displaying google map plugin by AppTree Software .
• GeoCoder [32:star:] - Forward and reverse geocoding by Aloïs Deniel .
• Map [431:star:] - Solution based on Leaflet and customizable by AppTree Software .
• Mapbox GL [147:star:] - Interactive, customizable vector maps by Mapbox.

Charts

• Circular Chart [140:star:] - Animated radial and pie charts by Victor Choueiri .
• Charts [90:star:] - LineChart and VerticalBarChart Library by Milan Zimmermann .
• Sparkline [85:star:] - Sparkline by Victor Choueiri .
• Charts [360:star:] - By Google Charts Team.
• Flutter Plot [13:star:] - Pretty plots by R. C. Howell .
• Candlesticks [71:star:] - OHLC and Trade Volume Charts by Trent Piercy .
• FCharts [191:star:] - Beautiful, responsive, animated charts by Keenan Thompson .

Navigation

• Fluro [575:star:] - The brightest, hippest, coolest router for Flutter with Navigation, wildcard, query, transitions by Posse .
• PageView Indicator [27:star:] - Build page indicators for the PageView by Leo Cavalcante .
• Swiper [37:star:] - Horizontal, Vertical, Partial swipe with indicator by Xueliang Ren .

Auth

• Local Auth - Touch ID, lock code, fingerprint auth on iOS and Android.
• Login [183:star:] - FaceID, TouchID, and Fingerprint Reader by Rody Davis .
• Google Sign-In - Google OAuth.
• Firebase Auth - Firebase OAuth.
• Facebook Login [115:star:] - Authenticate with native Android & iOS Facebook login SDKs by Iiro Krankka .
• OAuth [78:star:] - Buffer, Strava, Unsplash, Github OAuth by Joe Birch .
• Instagram - Instagram auth by Wilfried Mbouenda Mbogne .
• Firebase Phone Auth [324 claps :clap: ] - Phone number auth via SMS by Gildásio Filho .
• SimpleAuth [59:star:] - Azure Active Directory, Amazon, Dropbox, Facebook, Github, Google, Instagram, Linked In, Microsoft Live Connect, Github, OAuth, Basic Auth by James Clancey .

Text & Rich Content

• Markdown [135:star:] - Markdown renderer for Flutter. It supports the original format, but no inline html.
• Rich Text Editor [60:star:] - Text editor with style by Lung Razvan .
• Masked Text [44:star:] - Masked text with custom and monetary formatting by Ben-hur Santos Ott .
• Zefyr [270:star:] - Soft and gentle rich text editing by Memspace .

Analytics

• Usage [46:star:] - Google Analytics wrapper for command-line, web, and Flutter apps.
• Firebase Analytics - Connect to Firebase Analytics API.
• Segment.com Analytics [3:star:] - Make your Segment.com analytics a breeze! by Faisal Abid .

Build automation

• Travis CI for Flutter [36:star:] - Continuous integration by Yegor Jbanov .
• Test on Travis [361 claps :clap: ] - Widget testing framework by Yegor Jbanov .
• Building Apks/Ipas on Travis [218 claps :clap: ] - Automated build for Android and IOS by Yegor Jbanov .
• BitRise [62 claps :clap: ] - Create Bitrise Step in Go by Karol Wrótniak .

Styling

• Flutterial [78:star:] - Flutter Material Theme explorer by Erick Ghaumez .
• Pigment [54:star:] - Simple but useful package for use colors in flutter.

Media

Audio

• Audio Plugin [171:star:] - Beta by Erick Ghaumez .
• Audio Recorder [60:star:] - Record audio and store it locally by Jordan Alcaraz .
• Stereo [34:star:] - Playing music on iOS and Android by 2Find .
• Flutter Sound [30:star:] - Flutter audio recorder and player at one hand by dooboolab .

Video

• WebRTC [234:star:] - WebRTC plugin for iOS/Android by CloudWebRtc .
• Chewie [176:star:] - Provides low-level access to video playback by Brian Egan .

Voice

• Speech Recognition [74:star:] - Speech to text by Erick Ghaumez .
• OK Google - Integrate google assistant by Marcin Szalek .

Storage

• Firebase Storage - Firebase as data storage.
• Secure Storage [78:star:] - Keychain and Keystore storage by German Saprykin .

Monetization

• Admob - GoogleAdmob supports interstitial ads in both iOS and Android by Brett Nesbitt.
• Firebase AdMob - Ad integration using Firebase.
• Billing [63:star:] - Enable billing on iOS and Android by Volodymyr Lykhonis .
• Payments [19:star:] - In App Purchases & Subscriptions by Delightful Goods .
• Inapp Purchase [115:star:] - Features set of 'in app purchase' derived from react-native-iap by dooboolab .

Templates

• Movie Details [169:star:] - Movie details page by Iiro Krankka .
• Mates [238:star:] - How to load profiles from the randomuser.me API and a nice profile details page by Iiro Krankka .
• Weather [78:star:] - Weather app to learn how to use Canvas and Animation by Alessandro Aime .
• TodoMVC [1497:star:] - TODO application ready to go with different flavors : Vanilla, Redux, built_redux by Brian Egan .
• Restaurant Menu [310:star:] - Restaurant menu by Braulio Cassule .
• UI Challenges [458:star:] - Profile, Travel, Food App by Tomi Alagbe .
• Cupertino Settings [41:star:] - iOS Settings by Matthias Rupp .
• Music Player [82:star:] - music player component by Tobe O .
• Dashboard [264:star:] - Dashboard and Shop Items by Ivascu Adrian .
• Todo [185:star:] - Todo template from Dribble by Marc L .
• Card Swipe Animation [131:star:] - Swipe cards template by Ruchika Gupta .
• UI Kit [1483:star:] - Collection of useful UIs in a UIKit by Pawan Kumar .
• Book [93:star:] - Bookshelf by Ardiansyah Putra .
• The Gorgeous Login [312:star:] - Design and smooth login template by Hugo Extrat .
• Liquid Pay Payment App [44:star:] - Liquid Pay App Concept by Long Hoang .

Plugins

• Pub Plugins - Plugins filter in Dart Pub Repository.
• Plugins - Official Flutter Team Plugins.

Device

• WebView [368:star:] - Render web content by Hadrien Lejard .
• Location [152:star:] - Handle location, handling callbacks to get continuous location by Lyokone .
• Battery - Access various information about the battery.
• Proximity Sensor Plugin - A plugin to access the proximity sensor of your device by Manoj NB .
• Geolocation [114:star:] - Fully featured geolocation plugin: current location, location updates, geocode, places and more by Loup .
• Local Notifications [199:star:] - Plugin for displaying local notifications by Michael Bui .
• Device Calendar - Plugin for modifying calendars on the user's device by Built to Roam .
• Get Version [30:star:] - Version Name, Version Code, App ID and Platform with OS Version by Rody Davis .
• Badger [46:star:] - Update app badge on the launcher by Edouard Marquez .
• UDID [26:star:] - Persistent UDID across app reinstalls by Leon Kukuk .
• Downloader [88:star:] - Create and manage download tasks by HungHD .
• InAppBrowser [103:star:] - Add inline WebView widgets or open an in-app browser window by Lorenzo Pichilli .
• AppAvailability [6:star:] - List, launch and check installed apps by Lorenzo Pichilli .
• Aeyrium Sensor [14:star:] - A plugin which provide easy access to the Pitch and Roll on Android and iOS devices by Diego Velásquez .

Scanner

• QR Code Reader [58:star:] - QR Code reader plugin by Matheus Villela .
• Fast QR Reader View [45:star:] - Live multicode reader by Facundo Medica .

Bluetooth / NFC / Beacon

• Blue [297:star:] - Bluetooth by Paul DeMarco .
• Beacons [15:star:] - Flutter beacons plugin by Loup .
• NFC Reader [29:star:] - NFC reader plugin for iOS and Android by Matteo Crippa .

Storage

• Sqflite [526:star:] - SQLite flutter plugin by Alexandre Roux .
• MMKV [23:star:] - WeChat ultra fast & persistent key-value storage by BigBug .

Services

• Google Mobile Vision [129:star:] - Google Mobile Vision by Eduardo Folly .
• Dialogflow [32:star:] - Plugin to easily integrate with dialogflow by Victor Rances .
• Intercom [15:star:] - Add Intercom integration to your app by Maido Kaara .
• MLKit [116:star:] - Firebase Machine Learning Kit by Naoya Yoshizawa .
• OneSignal [85:star:] - Push notification service by OneSignal .
• Place Dialog [24:star:] - Places picker dialog returning the places to the app by David Bennett .
• App Rating [43:star:] - Requesting and Writing Reviews for the App Store and Google Play by Rody Davis .
• IBM Watson [6:star:] Easily integrate with IBM Watson by Victor Rances

Frameworks

Redux / ELM / Dependency Injection

• Built redux [57:star:] - Automatic subscribing to your redux stores. Based on the built pattern by David Marne .
• Redux.dart [196:star:] - Port of Redux to Dart with an ecosystem of middleware, Flutter integrations, and time traveling dev tools by John Ryan and Brian Egan .
• Redux [447:star:] - Built to work with redux.dart , utilities that allow you to easily consume a Redux Store to build Widgets.
• Dartea [50:star:] - Model View Update inspired by TEA from ELM by Shilyagov P .
• Inject [283:star:] - Compile-time dependency injection for Dart and Flutter by Google.
• Flutter_flux [248:star:] - Implementation of the Flux framework by Google.

Data

• Graphql_flutter [388:star:] - Implementation of the GraphQL spec by Zino App B.V. .

Animation

• Sequence Animation [95:star:] - Composite staggered animations by Norbert Kozsir .
• SpinKit [393:star:] - Animated loading indicators by Jeremiah Ogbomo .
• Villains [109:star:] - Page transition animations by Norbert Kozsir .
• AnimatedTextKit [147:star:] - A collection of cool text animations by Ayush Agarwal .

Game Engine

• Flame [497:star:] - Minimalist game engine by Luan Nico .
• SpriteWidget [404:star:] - Toolkit for building complex, high performance animations and 2D games by Viktor Lidholt .

Misc

• Cache Manager [80:star:] - Generic cache manager by Rene Floor .

Open Source Apps

• FriendlyChat [184:star:] - Offline/Firebase chat by a team of Googlers.
• Meme Chat [298:star:] - Chat app on Flutter, using Firebase, Google Sign In, and device camera integration by a team of Googlers.
• Flitter [128:star:] - Glitter app by Hadrien Lejard and Kevin Segaud . It uses Redux and Jaguar.
• Lime [189:star:] - Lime social network by Sebastian Sellmair.
• Planets [290:star:] - Planet exploration that demonstrate rich UI by Sergi Martínez .
• NewsBuzz [258:star:] - Firebase backed news reader using News API by Ankur Kedia .
• DroidKaigi2018-flutter [339:star:] - Unofficial conference app for DroidKaigi 2018 Tokyo by konifar .
• Music Player [386:star:] - Full featured music player by Pawan Kumar .
• WhatTodo [258:star:] - Todoist like UI by Burhanuddin Rashid .
• FlutterGram [302:star:] - Complete Instagram based on Firestore & Google Functions by MDanics .
• BookSearch [195:star:] - Digital BookShelf for your reading progress by Norbert515 .
• Cinematic [343:star:] - UI for Movie DB Public API by Aaron Oertel .
• Beer-Me-Up [146:star:] - Beer tracking nicely designed by Benoit Letondor .
• Trace [125:star:] - Modern and powerful crypto portfolio & market explorer by Trent Piercy .
• Taskist [84:star:] - Taskist is a ToDo List app for Task Management by Hugo EXTRAT .
• Tourism [43:star:] - Tourism app based on redux w/ animations & i18n by blueMix .
• Trinity Orientation @ Univ Toronto [108:star:] - Orientation week at Trinity College, U of T by Matthew Tory .
• Transform Widget - Image widgets as 3D game engine sprites by Paul Thomas .

Block / Angular / PWA

• InKino [1435:star:] - Movie app with flutter_redux, animations and unit tests by Iiro Krankka .

Games

• Flip [67:star:] - Reversi game by Andrew Brogdon .
• 2048 [27:star:] - 2048 game by Anuran Barman .
• TRex [46:star:] - Port of the famous Chrome's Trex game by Renan C. Araújo .
• Crush [68:star:] - How to build a Math-3 game, like Candy Crush, Bejeweled by Didier Boelens .
• Slide Puzzle [22:star:] - Classic slide (15) puzzle by Kevin Moore .

Utilities

• Mutisya 2 - Online Flutter Studio by Paul Mutisya .
• Launcher Icons - Generate your launcher icons easily by Mark O'Sullivan and Franz Silva .
• Redux Starter/Code Generator [113:star:] - Starter project and code generator with Redux support by Hillel Coren .
• FlutterIcon [44:star:] - Icon set generator by Mike Hoolehan .
• IntelliJ Redux - Navigate Redux app by Hillel Coren .

Desktop

• Desktop Embedding [2121:star:] - Desktop implementations of the Flutter embedding API by Google.
• Golang Desktop Embedder [367:star:] - Golang embedder for desktop by Pierre Champion .

Community

• Gitter - Exchange channel.
• r/FlutterDev Subreddit - Reddit community by u/JaapVermeulen .
• Dev Discord - Discord server to discuss and get help by Pritykin .
• Flutter Community - Central place for community made packages.
• OpenFlutter - Make it easier 让Flutter更简单.
• Telegram chat (ru-RU) - russian speaking Dart & Flutter community.

Books

• Flutter in Action - Complete Flutter and Dart resource, currently in 'Early Access'. (42% off with code 'slwindmill').

Bonus

• It's All Widgets! - Open list of published apps by Hillel Coren , Thomas Burkhart , Simon Lightfoot and Scott Stoll .

Fun

• The One [180 :+1: ]

License

To the extent possible under law, Robert Felker has waived all copyright and related or neighboring rights to this work.