Flutter:逆引きCookbook

# Flutter:逆引きCookbook

FlutterのCookbookのタイトルを読んでもいまいちピンとこなかったので、
作りたいものを画像で選んで、作り方を見れるようにしたリンク集

## Animation

#### Animate the properties of a Container

[![Animate the properties of a Container](https://flutter.dev/images/cookbook/animated-container.gif)](https://flutter.dev/docs/cookbook/animation/animated-container)

#### Fade a Widget in and out

[![Fade a Widget in and out](https://flutter.dev/images/cookbook/fade-in-out.gif)](https://flutter.dev/docs/cookbook/animation/opacity-animation)

## Design

#### Add a Drawer to a screen

[![Add a Drawer to a screen](https://flutter.dev/images/cookbook/drawer.png)](https://flutter.dev/docs/cookbook/design/drawer)

#### Displaying SnackBars

[![Displaying SnackBars](https://flutter.dev/images/cookbook/snackbar.gif)](https://flutter.dev/docs/cookbook/design/snackbars)

#### Exporting fonts from a package

[![Exporting fonts from a package](https://flutter.dev/images/cookbook/package-fonts.png)](https://flutter.dev/docs/cookbook/design/package-fonts)

#### Updating the UI based on orientation

[![Updating the UI based on orientation](https://flutter.dev/images/cookbook/orientation.gif)](https://flutter.dev/docs/cookbook/design/orientation)

#### Using Themes to share colors and font styles

[![Using Themes to share colors and font styles](https://flutter.dev/images/cookbook/themes.png)](https://flutter.dev/docs/cookbook/design/themes)

#### Using custom fonts

[![Using custom fonts](https://flutter.dev/images/cookbook/fonts.png)](https://flutter.dev/docs/cookbook/design/fonts)

#### Working with Tabs

[![Working with Tabs](https://flutter.dev/images/cookbook/tabs.gif)](https://flutter.dev/docs/cookbook/design/tabs)

## Forms

#### Building a form with validation

[![Building a form with validation](https://flutter.dev/images/cookbook/form-validation.gif)](https://flutter.dev/docs/cookbook/forms/validation)

#### Create and style a text field

[Create and style a text field](https://flutter.dev/docs/cookbook/forms/text-input.html)

#### Focus on a Text Field

[![Focus on a Text Field](https://flutter.dev/images/cookbook/focus.gif)](https://flutter.dev/docs/cookbook/forms/focus)

#### Handling changes to a text field

[Handling changes to a text field](https://flutter.dev/docs/cookbook/forms/text-field-changes)

#### Retrieve the value of a text field

[![Retrieve the value of a text field](https://flutter.dev/images/cookbook/retrieve-input.gif)](https://flutter.dev/docs/cookbook/forms/retrieve-input)

## Gestures

#### Adding Material Touch Ripples

[![Adding Material Touch Ripples](https://flutter.dev/images/cookbook/ripples.gif)](https://flutter.dev/docs/cookbook/gestures/ripples)

#### Handling Taps

[![Handling Taps](https://flutter.dev/images/cookbook/handling-taps.gif)](https://flutter.dev/docs/cookbook/gestures/handling-taps)

#### Implement Swipe to Dismiss

[![Implement Swipe to Dismiss](https://flutter.dev/images/cookbook/dismissible.gif)](https://flutter.dev/docs/cookbook/gestures/dismissible)

## Images

#### Display images from the internet

[![Display images from the internet](https://flutter.dev/images/cookbook/network-image.png)](https://flutter.dev/docs/cookbook/images/network-image)

#### Fade in images with a placeholder

[![Fade in images with a placeholder](https://flutter.dev/images/cookbook/fading-in-asset-demo.gif)](https://flutter.dev/docs/cookbook/images/fading-in-images)

#### Working with cached images

[Working with cached images](https://flutter.dev/docs/cookbook/images/cached-images)

## Lists

#### Basic List

[![Basic List](https://flutter.dev/images/cookbook/basic-list.png)](https://flutter.dev/docs/cookbook/lists/basic-list)

#### Create a horizontal list

[![Create a horizontal list](https://flutter.dev/images/cookbook/horizontal-list.gif)](https://flutter.dev/docs/cookbook/lists/horizontal-list)

#### Creating a Grid List

[Creating a Grid List](https://flutter.dev/docs/cookbook/lists/grid-lists)

#### Creating lists with different types of items

[![Creating lists with different types of items](https://flutter.dev/images/cookbook/mixed-list.png)](https://flutter.dev/docs/cookbook/lists/mixed-list)

#### Place a floating app bar above a list

[![Place a floating app bar above a list](https://flutter.dev/images/cookbook/floating-app-bar.gif)](https://flutter.dev/docs/cookbook/lists/floating-app-bar)

#### Working with long lists

[![Working with long lists](https://flutter.dev/images/cookbook/long-lists.gif)](https://flutter.dev/docs/cookbook/lists/long-lists)

## Maintenance

#### Report errors to a service

[Report errors to a service](https://flutter.dev/docs/cookbook/maintenance/error-reporting)

## Navigation

#### Animating a Widget across screens

[![Animating a Widget across screens](https://flutter.dev/images/cookbook/hero.gif)](https://flutter.dev/docs/cookbook/navigation/hero-animations)

#### Navigate to a new screen and back

[![Navigate to a new screen and back](https://flutter.dev/images/cookbook/navigation-basics.gif)](https://flutter.dev/docs/cookbook/navigation/navigation-basics)

#### Navigate with named routes

[![Navigate with named routes](https://flutter.dev/images/cookbook/navigation-basics.gif)](https://flutter.dev/docs/cookbook/navigation/named-routes)

#### Pass arguments to a named route

[![Pass arguments to a named route](https://flutter.dev/images/cookbook/navigate-with-arguments.gif)](https://flutter.dev/docs/cookbook/navigation/navigate-with-arguments)

#### Return data from a screen

[![Return data from a screen](https://flutter.dev/images/cookbook/returning-data.gif)](https://flutter.dev/docs/cookbook/navigation/returning-data)

#### Send data to a new screen

[![Send data to a new screen](https://flutter.dev/images/cookbook/passing-data.gif)](https://flutter.dev/docs/cookbook/navigation/passing-data)

## Networking

#### Fetch data from the internet

[Fetch data from the internet](https://flutter.dev/docs/cookbook/networking/fetch-data)

#### Making authenticated requests

[Making authenticated requests](https://flutter.dev/docs/cookbook/networking/authenticated-requests)

#### Parsing JSON in the background

[![Parsing JSON in the background](https://flutter.dev/images/cookbook/isolate.gif)](https://flutter.dev/docs/cookbook/networking/background-parsing)

#### Working with WebSockets

[![Working with WebSockets](https://flutter.dev/images/cookbook/web-sockets.gif)](https://flutter.dev/docs/cookbook/networking/web-sockets)

## Persistence

#### Persist data with SQLite

[Persist data with SQLite](https://flutter.dev/docs/cookbook/persistence/sqlite)

#### Reading and Writing Files

[Reading and Writing Files](https://flutter.dev/docs/cookbook/persistence/reading-writing-files)

#### Storing key-value data on disk

[Storing key-value data on disk](https://flutter.dev/docs/cookbook/persistence/key-value)

## Plugins

#### Play and pause a video

[Play and pause a video](https://flutter.dev/docs/cookbook/plugins/play-video)

#### Take a picture using the Camera

[Take a picture using the Camera](https://flutter.dev/docs/cookbook/plugins/picture-using-camera)

## Testing

### Integration

#### title

[An introduction to integration testing](https://flutter.dev/docs/cookbook/testing/integration/introduction)

#### Performance profiling

[Performance profiling](https://flutter.dev/docs/cookbook/testing/integration/profiling)

#### Scrolling

[Scrolling](https://flutter.dev/docs/cookbook/testing/integration/scrolling)

### Unit

#### An introduction to unit testing

[An introduction to unit testing](https://flutter.dev/docs/cookbook/testing/unit/introduction)

#### Mock dependencies using Mockito

[Mock dependencies using Mockito](https://flutter.dev/docs/cookbook/testing/unit/mocking)

### Widget

#### An introduction to widget testing

[An introduction to widget testing](https://flutter.dev/docs/cookbook/testing/widget/introduction)

#### Finding widgets

[Finding widgets](https://flutter.dev/docs/cookbook/testing/widget/finders)

#### Tapping, dragging and entering text

[Tapping, dragging and entering text](https://flutter.dev/docs/cookbook/testing/widget/tap-drag)