Flutter Live Booklet: Flutter component recipes

Posted on November 21, 2019 in Development, Flutter, Cross-platform

A Flutter Live Booklet: Flutter component recipes

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

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

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

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.


Hero Animation

Navigating from one page to another using Hero animation.


Basic AppBar

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


BottomAppBar

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


Search AppBar

Implementing Search action in AppBar.


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


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


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


Implementing toggle Switch for in-app Privacy Policy


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