PDesire/flutter-guide

📚 Flutter Guide on becoming a Master Flutterista

How to Use and Contribute

⚡Hacktoberfest⚡ Hacker Welcome! Welcoming coder of all skills! Beginner on their first PR to hardcore flutterista.

• Go through the Table of Contents and start exploring all exciting Flutter features

• Everything is made in chronological order for ease of understanding Flutter

If you found some awesome resource for learning Flutter, just send a Pull Request with respect to our Contribution Guidelines (they're very simple, please take a look).

We use such labels for free:

• --> Add it to resource that is made by Google's Flutter team
• --> Add it to resource that is a video course

Don't forget to add them. Now I'd love to see your suggestions!

Table of Contents

• Introduction
• Widgets
• Animations
• Material Design
• Example Apps
  • Food Recipe
• Recommended Learning Resource

Introduction

The main reason for this guide to exist is to make it easy for new developer to have everything in one place.

Widgets

Basic Must-Know Widgets

• Scaffold

Complementing Tutorials: -- Scaffold Tutorial from ProAndroidDev

• Container

Complementing Tutorials: -- Container Tutorial from FlutterDoc

• Row

Complementing Tutorials: -- Row Tutorial from FlutterDoc

• Column

  

Complementing Tutorials: -- Column Tutorial from FlutterDoc

• ListView

  

Complementing Tutorials: -- Mastering Flutter ListView from Pusher.com

• GridView

  

Complementing Tutorials: -- GridView Tutorial from Yudi Setiawan

• Slivers

  

Complementing Tutorials: -- Slivers, Demystified from Emily Fortuna

• Cupertino

  

Complementing Tutorials: -- Cupertino Tutorial from Yudi Setiawan

• ColorFiltered

  

Complementing Tutorials: -- ColorFiltered from FlutterPub

Animations

• Login Animation

Implementing super smooth animations in your Flutter App:-- Flutter Login Animation

• Facebook reaction

Facebook Reactions Animation With Flutter:-- [Facebook Reactions](https://github.com/duytq94/flutter-fb-reactions-animation) - ## DayNightSwitch A day night switch widget for Flutter.

For More Details : -- [Day_Night_Switch](https://github.com/divyanshub024/day_night_switch)

Material Design

Implementing Material Design in Flutter

• Material Design login page
• Flutter II: Material Design — [Flutter 1.0]
• Material Components widgets

Example Apps

Food Recipe

Application that presents information about food recipes from TheMealDb API.

• Github Project by Yudi Setiawan

• The Hacker News App by Filip Hracek

• Flews - A multi-service news app by James Barr

• Grocery Shopping App by Widle Studio

• BookSearch by Norbert Kozsir

• ToDo App with Firebase by Hugo EXTRAT

• Habbit by Limboy

• fluttergram - Instagram Clone by Matthew Danics

• Flutter gallery by Jonah Williams

• inKino - A multiplatform Dart movie app by Iiro Krankka

• SpaceX GO! by Jesús Rodríguez

• Natrium - Fast, Robust & Secure NANO Wallet by Appditto

• Grey - Material designed music player by Avinash Kumar

• Piano Tiles - A simple clone app of Piano Tiles 2 game by Marcin Szałek

• Flutter TicTac Game by Bouaggad Moez

• The Public Transport - Modern public transport for Germany by Tristan Marsell (PDesire)

Recommended Learning Resource

• The Boring Flutter Development Show

• Flutter Bootcamp with Angela Yu

• Build Native Mobile Apps with Flutter

• Flutter Tutorials by MTECHVIRAL

• Coding With Flutter by Andrea Bizzo (paid udemy course)

• Flutter tutorials for beginners to advanced.

• Flutter tutorials from whatsupcoders

• Flutter tutorials from The Net Ninja

• Flutter tutorials from Tensor Programming

Official Link to Flutter Community available on different platforms

• Youtube
• Reddit
• Discord
• Twitter