本文介绍了使用uni-app的原生子窗体subNVues解决App悬浮窗口播放问题，详细讨论了配置、解决方案、踩坑点。通过原生子窗体实现了类似得到App的音频播放功能，包括页面返回时悬浮窗口播放、暂停、关闭以及点击返回功能。同时讨论了如何正确获取子窗体实例避免卡死问题，并指出原生子窗体在视频聊天等场景的应用。
实现效果如图：参考得到app交互，音频课程返回时，app下方展示悬浮窗口播放，可暂停、播放、关闭，点击可返回至音频文章查看文章。关闭app，再进入有缓存上次音频课程，可点击继续播放。上滑显示悬浮框，下滑隐藏悬浮框。
原生子窗体
subNVues 是 vue 页面的原生子窗体。用于解决App中 vue 页面中的层级覆盖和原生界面灵活自定义用的。它不是全屏页面，也不是组件，就是一个原生子窗体。它是一个 nvue 页面，使用 weex 引擎渲染，提供了比 cover-view、plus.nativeObj.view 更强大的原生排版能力，方便自定义原生导航或覆盖原生地图、视频等。
详细配置见这个：原生子窗体
请详读：subNVues 开发指南
如何获取原生子窗体实例及实例方法，见这篇：
最低0.47元/天 解锁文章
扫一扫
2354
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
