Flutter开发：解决360度图片覆盖SafeArea的Widget层级问题

问题场景 #

开发一款支持360度图片查看的Flutter Web应用，加载全屏360度图片时，图片会覆盖SafeArea区域，竖屏模式下该问题表现得更为明显。需求是让导航栏能够覆盖图片的不规则边角，而非被图片遮挡，理想状态是能独立调整SafeArea与页面内容的Z-index层级。

尝试与疑问 #

曾尝试多个支持Z-index控制的第三方库，也使用过Flutter原生的Stack组件，但Stack要求相关组件都处于栈内，不清楚这种方案是否可行，若可行该如何实现？

最终解决方案 #

将页面主体内容延伸至全屏，仅在AppBar中保留抽屉组件，实现后导航栏成功覆盖图片边角，达到预期效果。

内容的提问来源于stack exchange，提问作者Natoorr