<commit_before>Title: Flutter Live Booklet: Flutter component recipes
Date: 11/13/2019
Authors: ptyagi
Category: Development, Flutter, Cross-platform
Tags: flutter, code-recipes, android, android Studio, iOS
Summary: This article contains pointers to code samples for flutter components / widgets.


## A Flutter Live Booklet: Flutter component recipes

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


Components covered:

# Animation

## AnimatedOpacity ##

Making a rectangle fade in and out.

* Read article [here](https://ptyagicodecamp.github.io/flutter-code-recipe-for-animatedopacity-widget.html)

---

## Hero Animation ##

Navigating from one page to another using Hero animation.

* Read article [here](https://ptyagicodecamp.github.io/flutter-code-recipe-for-hero-animation.html)

---

## Animating using AnimatedContainer Flutter widget ##

Code recipe for implementing AnimatedContainer Flutter widget.

* Read article [here](https://ptyagicodecamp.github.io/animating-using-animatedcontainer-flutter-widget.html)

* Source code is available [here](https://github.com/ptyagicodecamp/flutter_cookbook/blob/animations/flutter_animations/flutter_animations/lib/animations/anim_container.dart)

* Youtube video is available [here](https://youtu.be/0NVLyjtWJqc)

---

## Animating using AnimatedPositioned Flutter widget ##

Code recipe for implementing AnimatedPositioned Flutter widget.

* Read article [here](https://ptyagicodecamp.github.io/animating-using-animatedcontainer-flutter-widget.html)

* Source code is available [here](https://github.com/ptyagicodecamp/flutter_cookbook/blob/animations/flutter_animations/flutter_animations/lib/animations/anim_positioned.dart)

* Youtube video is available [here](https://youtu.be/NRxaBMecN9E)

---

## Animating using AnimatedPadding Flutter widget ##

Code recipe for implementing AnimatedPadding Flutter widget.

* Read article [here](https://ptyagicodecamp.github.io/animating-using-animatedpadding-flutter-widget.html)

* Source code is available [here](https://github.com/ptyagicodecamp/flutter_cookbook/blob/animations/flutter_animations/flutter_animations/lib/animations/anim_padding.dart)

* Youtube video is available [here](https://youtu.be/gvRQzzm6X3w)

---

# Design

## Basic Appbar ##

Basic AppBar with a title, actions, and an overflow dropdown menu.<commit_msg>publishing new content<commit_after>Title: Flutter Live Booklet: Flutter component recipes
Date: 11/21/2019
Authors: ptyagi
Category: Development, Flutter, Cross-platform
Tags: flutter, code-recipes, android, android Studio, iOS
Summary: This article contains pointers to code samples for flutter components / widgets.


## A Flutter Live Booklet: Flutter component recipes

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


## Animating using AnimatedContainer Flutter widget ##

Code recipe for implementing AnimatedContainer Flutter widget.

* Read article [here](https://ptyagicodecamp.github.io/animating-using-animatedcontainer-flutter-widget.html)

* Source code is available [here](https://github.com/ptyagicodecamp/flutter_cookbook/blob/animations/flutter_animations/flutter_animations/lib/animations/anim_container.dart)

* Youtube video is available [here](https://youtu.be/0NVLyjtWJqc)

---

## Animating using AnimatedPositioned Flutter widget ##

Code recipe for implementing AnimatedPositioned Flutter widget.

* Read article [here](https://ptyagicodecamp.github.io/animating-using-animatedcontainer-flutter-widget.html)

* Source code is available [here](https://github.com/ptyagicodecamp/flutter_cookbook/blob/animations/flutter_animations/flutter_animations/lib/animations/anim_positioned.dart)

* Youtube video is available [here](https://youtu.be/NRxaBMecN9E)

---

## Animating using AnimatedPadding Flutter widget ##

Code recipe for implementing AnimatedPadding Flutter widget.

* Read article [here](https://ptyagicodecamp.github.io/animating-using-animatedpadding-flutter-widget.html)

* Source code is available [here](https://github.com/ptyagicodecamp/flutter_cookbook/blob/animations/flutter_animations/flutter_animations/lib/animations/anim_padding.dart)

* Youtube video is available [here](https://youtu.be/gvRQzzm6X3w)

---

## AnimatedOpacity Animation ##

Making a rectangle fade in and out.

* Read article [here](https://ptyagicodecamp.github.io/flutter-code-recipe-for-animatedopacity-widget.html)

---

## Hero Animation ##

Navigating from one page to another using Hero animation.

* Read article [here](https://ptyagicodecamp.github.io/flutter-code-recipe-for-hero-animation.html)

---

## Basic AppBar ##

Basic AppBar with a title, actions, and an overflow dropdown menu.
{'fraction_non_alphanumeric': 0.10362364907819453, 'fraction_numerical': 0.0050858232676414495, 'mean_word_length': 5.456908344733242, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 22, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3387653', 'n_tokens_mistral': 1449, 'n_tokens_neox': 1424, 'n_words': 336}