How to do it...

In this recipe, you will create a hero animation by transforming an icon, and changing its position and size:

1. Create a new file in the lib folder in your project, called listscreen.dart.
2. At the top of the new file, import material.dart:

import 'package:flutter/material.dart';

3. Create a stateless widget using the stless shortcut, calling the widget ListScreen:

class ListScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
  return Container();
}}

4. At the top of the ListScreen widget, add a new List of strings, called drinks:

final List<String> drinks= ['Coffee', 'Tea', 'Cappuccino', 'Espresso'];

5. In the build method, return a Scaffold. In its appBar parameter, add an AppBar with a title of 'Hero Animation':

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('Hero Animation'),
    ),
    body: Container()
);}

6. In the body of the Scaffold...