Flutter Live Booklet: Flutter component recipes
Posted on March 21, 2021 in Development, Flutter, Cross-platform
A Flutter Live Booklet: Flutter component recipes
This article contains pointers to code samples for flutter components / widgets.
Flavoring Flutter Applications (Android & iOS)
This article describes the process of publishing Flutter applications on Android and iOS platforms in development and production environments.
Disabled Buttons in Flutter
This micro article gives pointers to disable buttons in Flutter applications.
Responsive Flutter layout with Expanded widget
This article shows how to use Expanded widget to create responsive layout.
Responsive Flutter layout with FittedBox widget
This article shows how to use FittedBox widget to create responsive layout.
Saving Image in Finger Painting Flutter App
This code recipe focuses on saving your finger painted image in device's image gallery.
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.
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.
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.
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.
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.
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.
Persisting theme in LocalDatabase (Moor plugin)
Persisting theme setting in LocalDatabase using Moor plugin.
Persisting theme using SharedPreferences (Android, iOS, and Web)
Persisting theme setting using SharedPreferences plugin.
Implement Flutter themes using Provider
Implementing switching from light to dark theme and vice versa using Provider plugin for dependency injection and state management.
Text-to-Speech Flutter Plugin (Android & iOS)
Code recipe to demonstrate Text-To-Speech Flutter plugin in action.
Animating using AnimatedContainer Flutter widget
Code recipe for implementing AnimatedContainer Flutter widget.
Animating using AnimatedPositioned Flutter widget
Code recipe for implementing AnimatedPositioned Flutter widget.
Animating using AnimatedPadding Flutter widget
Code recipe for implementing AnimatedPadding Flutter widget.
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.
Implementing Voice input for Search action in AppBar
Implementing Voice input for Search action in AppBar using Flutter for Android and iOS mobile apps.
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.
Using ColorFiltered widget in Flutter Apps
Using ColorFiltered widget to update quiz card feedback screen's background color.
Material icons for Flutter Web (Hummingbird)
In this video, I've explained how to fix material icons for Flutter Web (Hummingbird).
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
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
-
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