Flutter Hero Animation: Product List to Detail Transition

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:exodeui_flutter/exodeui_flutter.dart';

// Add assets/flutter-hero-animation.exode to pubspec.yaml (download it below).
class FlutterHeroAnimation extends StatefulWidget {
  const FlutterHeroAnimation({super.key});
  @override
  State<FlutterHeroAnimation> createState() => _FlutterHeroAnimationState();
}

class _FlutterHeroAnimationState extends State<FlutterHeroAnimation> {
  final _canvas = GlobalKey<ExodeUICanvasState>();
  late final Future<String> _json = rootBundle.loadString('assets/flutter-hero-animation.exode');

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<String>(
      future: _json,
      builder: (context, snap) => snap.hasData
          ? ExodeUICanvas(
              key: _canvas,
              artboardJson: snap.data!,
              fit: 'Layout',
              onReady: () { },
              onTrigger: (name, _) {
                // fires: 'open', 'close'
              },
            )
          : const SizedBox.shrink(),
    );
  }
}