[BUG] The hero animation should work in all situations.

[seekcx]

Describe the bug

When using network pictures, the data will not be immediately obtained, so the current code will cause Hero animation cannot take effect when it is first opened.

To Reproduce

Open a network picture.

What is the current behavior?

When opening the network picture for the first time, Hero animation does not take effect.

Expected behavior

The hero animation should work when opening the network picture for the first time.

[renancaraujo]

Should be fixed on #320

[amitkot]

I can't get the Hero animation to work with CachedNetworkImage (2.3.3) and PhotoView (0.10.3).

The code I use:

InkWell(
      onTap: () {
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) =>
                Scaffold(
                  backgroundColor: Colors.black,
                  appBar: AppBar(backgroundColor: Colors.transparent),
                  body: PhotoView(
                    imageProvider: CachedNetworkImageProvider(widget.coverImageUrl),
                    initialScale: PhotoViewComputedScale.contained,
                    minScale: PhotoViewComputedScale.contained,
                    maxScale: PhotoViewComputedScale.covered * 1.8,
                    heroAttributes: const PhotoViewHeroAttributes(
                      tag: 'eventCoverImage',
                      transitionOnUserGestures: true,
                    ),
                  ),
                ),
          ),
        );
      },
      child: Hero(
        tag: 'eventCoverImage',
        transitionOnUserGestures: true,
        child: CachedNetworkImage(
          imageUrl: imageUrl,
          height: height,
          fit: fit,
        ),
      ),
    )

[Abacaxi-Nelson]

Same here

[Mohdx]

How to make hero animation work?

I'm passing the picture asset image:
GestureDetector( onTap: () { Navigator.pushNamed(context, '/view_photo', arguments: RouteClass( string1: 'lib/assets/images/user.jpg', )); },

`import 'package:flutter/material.dart';

import '../models/_objects.dart';

import 'package:photo_view/photo_view.dart';

class ViewPhoto extends StatefulWidget {
@OverRide
_ViewPhotoState createState() => _ViewPhotoState();
}

class _ViewPhotoState extends State {
RouteClass arguments;

@OverRide
Widget build(BuildContext context) {
arguments = ModalRoute.of(context).settings.arguments;
return Scaffold(
backgroundColor: Colors.transparent,
body: PhotoView(
imageProvider: AssetImage(arguments.string1),
heroAttributes: PhotoViewHeroAttributes(tag: arguments.string1),
),
);
}
}`