Flutter's Hero Transition above the other

Question

I have two screens with 2 heroes between them:

• One is the AppBar
• The second is a CircularAvatar

Both are inside a stack, and obviously the CircularAvatar is above the Appbar.

This gif shows the problem: realize how the CircularAvatar comes from behind the AppBar and then POPS above it when the transition is done.

This is my first screen (containg the cards with people photos):

This is my second screen:

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [versão 10.0.17763.379], locale pt-BR)
[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[√] Android Studio (version 3.3)
[√] IntelliJ IDEA Community Edition (version 2018.3)
[√] VS Code (version 1.30.1)
[√] Connected device (1 available)

• No issues found!

Answer 1

首先，我认为 AppBar 中的英雄不需要它，请尝试删除该英雄，然后让您的 gridview 英雄跳转到位于第二个屏幕 Appbar 中的下一个位置。