Flutter Live Booklet: Flutter component recipes

Posted on September 17, 2019 in Development, Flutter, Cross-platform

A Flutter Live Booklet: Flutter component recipes

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

Components covered:

Animation

Design

  • 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 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