// Copyright 2014 The Flutter Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. // Flutter code sample for Hero import 'package:flutter/material.dart'; void main() => runApp(const HeroApp()); class HeroApp extends StatelessWidget { const HeroApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return const MaterialApp( home: HeroExample(), ); } } class HeroExample extends StatelessWidget { const HeroExample({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text('Hero Sample')), body: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ const SizedBox(height: 20.0), ListTile( leading: const Hero( tag: 'hero-rectangle', child: BoxWidget(size: Size(50.0, 50.0)), ), onTap: () => _gotoDetailsPage(context), title: const Text( 'Tap on the icon to view hero animation transition.', ), ), ], ), ); } void _gotoDetailsPage(BuildContext context) { Navigator.of(context).push(MaterialPageRoute<void>( builder: (BuildContext context) => Scaffold( appBar: AppBar( title: const Text('Second Page'), ), body: const Center( child: Hero( tag: 'hero-rectangle', child: BoxWidget(size: Size(200.0, 200.0)), ), ), ), )); } } class BoxWidget extends StatelessWidget { const BoxWidget({Key? key, required this.size}) : super(key: key); final Size size; @override Widget build(BuildContext context) { return Container( width: size.width, height: size.height, color: Colors.blue, ); } }