Flutter 的英雄過渡高於其他

Question

我有兩個屏幕，它們之間有 2 個英雄：

• 一個是 AppBar
• 第二個是圓形頭像

兩者都在一個堆棧中，顯然 CircularAvatar 位於 Appbar 上方。

此 gif 顯示了問題：了解 CircularAvatar 是如何從 AppBar 后面出現的，然后在轉換完成后彈出它上面。

這是我的第一個屏幕（包含帶有人物照片的卡片）：

這是我的第二個屏幕：

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 中的下一個位置。