Posted on August 16, 2020 in Development, Flutter, Cross-platform

A Flutter Live Booklet: Flutter component recipes

This article contains pointers to code samples for flutter components / widgets.

Saving Image in Finger Painting Flutter App

This code recipe focuses on saving your finger painted image in device's image gallery.

Read article here

Source code is available here

Youtube video is available here

Building Cross-Platform Finger Painting App in Flutter

In this code recipe, you'll use canvas painting to build a Finger Painting App in Flutter.

Read article here

Source code is available here

Youtube video is available here

Part #2 is available here

Uploading Image to Firebase Storage in Flutter App (Android & iOS)

Code recipe to demonstrating image uploading to Firebase Storage in FlutterApp.

Read article here

Source code is available here

Youtube video is available here

Loading image from Firebase Storage in Flutter App (Android, iOS & Web)

Code recipe to demonstrate image Loading from Firebase Storage on multiple platforms (Android, iOS, and Web) using Flutter and Flutter Web.

Read article here

Source code is available here

Youtube video is available here

Navigation and Routing in Flutter App

In this article, we'll learn about navigation and routing in a Flutter app.

Read article here

Source code for Direct Navigation (Un-Named Routing) is available here

Source code for Static Navigation (Named Routing with Map) is available here

Source code for Dynamic Navigation (Named Routing with callback function) is available here

Youtube video is available here

Persisting Data in Local Database for Flutter (Android & iOS)

This article demonstrates persisting data in local database in Flutter App.

Read article here

Source code is available here

Youtube video is available here

Building Cross-Platform Finger Painting App in Flutter

In this code recipe, you'll use canvas painting to build a Finger Painting App in Flutter.

Read article here

Source code is available here

Youtube video is available here

Adding Syntax Highlighting in Flutter Cookbook App

This article describes how I used syntax_highlighter Flutter plugin to show underlying code for Flutter Cookbook's code recipes.

Read article here

Source code is available here

Youtube video is available here

Loading PDF file from Firebase Storage in Flutter App (Android, iOS & Web)

Code recipe to demonstrate loading PDF file from Firebase Storage on multiple platforms (Android, iOS, and Web) using Flutter.

Read article here

Source code is available here

Youtube video is available here

Persisting theme in LocalDatabase (Moor plugin)

Persisting theme setting in LocalDatabase using Moor plugin.

Read article here

Source code is available here

Youtube video is available here

Persisting theme using SharedPreferences (Android, iOS, and Web)

Persisting theme setting using SharedPreferences plugin.

Read article here

Source code is available here

Youtube video is available here

Implement Flutter themes using Provider

Implementing switching from light to dark theme and vice versa using Provider plugin for dependency injection and state management.

Read article here

Source code is available here

Youtube video is available here

Text-to-Speech Flutter Plugin (Android & iOS)

Code recipe to demonstrate Text-To-Speech Flutter plugin in action.

Read article here

Source code is available here

Youtube video is available here

Animating using AnimatedContainer Flutter widget

Code recipe for implementing AnimatedContainer Flutter widget.

Read article here

Source code is available here

Youtube video is available here

Animating using AnimatedPositioned Flutter widget

Code recipe for implementing AnimatedPositioned Flutter widget.

Read article here

Source code is available here

Youtube video is available here

Animating using AnimatedPadding Flutter widget

Code recipe for implementing AnimatedPadding Flutter widget.

Read article here

Source code is available here

Youtube video is available here

AnimatedOpacity Animation

Making a rectangle fade in and out.

Read article here

Hero Animation

Navigating from one page to another using Hero animation.

Read article here

Basic AppBar

Basic AppBar with a title, actions, and an overflow dropdown menu.

Read article here

BottomAppBar

Implement a BottomNavigationBar with menu, search and overflow action items.

Read article here

Search AppBar

Implementing Search action in AppBar.

Read article here

Implementing Slider & RangeSlider Flutter Widgets

Code recipe to implement Slider and RangeSlider Flutter widgets.

Read article here

Source code is available here

Youtube video is available here

Implementing Voice input for Search action in AppBar

Implementing Voice input for Search action in AppBar using Flutter for Android and iOS mobile apps.

Read article here

Source code is available here

Youtube video is available here

Migrating to Flutter 1.9: Implementing Cross-platform Firebase Login in Flutter Apps

In this article, I'll show you how Flutter 1.9 release make developing cross-platform Flutter applications simple while maximizing code reuse.

Read article here

Source code is available here

Youtube video is available here

Using ColorFiltered widget in Flutter Apps

Using ColorFiltered widget to update quiz card feedback screen's background color.

Read article here

Source code is available here

Youtube video is available here

Material icons for Flutter Web (Hummingbird)

In this video, I've explained how to fix material icons for Flutter Web (Hummingbird).

Read article here

Source code is available here

Using ColorTween in Flutter app

Widget: Color Tween

Read article here

Native (Android / iOS) recipe source code is available here

Web (Hummingbird) recipe source code is available here

Youtube video is available here

Understanding PopupMenuButton Widget

Widget: PopupMenuButton Widget

Read article here.

Source code here.

Youtube video is available here

Implementing toggle Switch for in-app Privacy Policy

Widget: Switch Widget

Read article here

Source code is available here

Youtube video is available here

Implementing Login and Register in Flutter Apps

Implementing Login and Register functionality in Flutter apps using Firebase Auth

Source code is available here

Youtube video is available here

Integrate Dialogflow in FlutterApp

Implementing Flutter FactsBot using DialogFlow

Read article about Implementing Flutter FactsBot using DialogFlow here

Source code is available here

Youtube video is available here

Implementing Login in Flutter Web (Hummingbird)

Read article here: Implementing Login in Flutter Web (Hummingbird) here

Watch Android & iOS LogIn implementation here

Setup Firebase Project

Hummingbird / Flutter Web implementation's source code is available here

Android & iOS implementation's source code is available here

Follow me at twitter: @ptyagi13 Medium: @ptyagicodecamp