You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Youtube IFrame Player导致BottomNavBar位置异常问题求助

问题现象

页面集成Youtube IFrame播放器后,返回上一页时,用speeddial包实现的底部导航栏出现位置下移的异常;移除Youtube IFrame播放器后,底部导航栏显示恢复正常。

需要排查的代码部分
  • Youtube IFrame播放器的资源释放逻辑:
    检查页面销毁时(比如dispose方法)是否正确调用了播放器控制器的暂停、销毁方法,未彻底释放资源可能导致布局残留,影响上一页的导航栏位置。
  • 上一页底部导航栏的布局代码:
    查看Scaffold中bottomNavigationBar的配置,尤其是SpeedDial组件的使用方式,是否有依赖媒体查询、键盘状态等动态调整位置的逻辑。
  • 页面路由跳转与返回的实现:
    确认跳转到含YT播放器页面的路由方法,以及返回时的操作是否正常;排查返回过程中是否触发了上一页的不必要重绘或状态变更,导致导航栏布局计算出错。
  • YT播放器所在页面的Scaffold配置:
    检查该页面的resizeToAvoidBottomInset属性设置,这个属性配置不当可能影响整个路由栈的布局计算,进而导致返回后上一页导航栏位置异常。
  • speeddial组件的参数配置:
    查看SpeedDial的bottom、right等定位参数是固定值还是动态计算的,是否存在根据页面状态动态调整这些参数的逻辑。

内容的提问来源于stack exchange,提问作者Ankere

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 05:10:30