微信小程序自定义tab页 webview

分类：uni-app

uniapp

在微信小程序中使用自定义tab页在tab页页面上使用webview 嵌入一个网页地址时该自定义tab页不显示
什么原因导致

2026-04-02 18:41 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

根据知识库内容，暂未找到微信小程序自定义tab页中使用webview不显示的具体技术原因说明。

但知识库中提供了微信小程序自定义tabBar的相关配置信息，可能对解决该问题有帮助：

微信小程序自定义tabBar配置方式
微信小程序自定义tabBar需要在项目根目录创建 custom-tab-bar 目录，注意里面的代码是 wxml、wxss 格式，不是 vue 文件，uni-app 编译器会直接拷贝该目录到微信小程序中，不会进行编译处理。参考文档

重要提示
知识库中提到：微信小程序提供基于 webview 的自定义tabBar方案，该功能体验不佳，不太推荐使用。参考文档

开启自定义tabBar的方法
需要去掉 page.json 中的 tabBar 节点才能开启自定义tabBar。参考信息

建议
如果需要在自定义tabBar中嵌入webview内容，建议参考插件市场中的解决方案，例如：微信小程序自定义tabbar，中间凸起tabbar 该插件实现了custom-tab-bar组件与uniapp的通信，突破了框架的通信限制。

关于webview在自定义tab页中不显示的具体原因（如层级冲突、渲染问题等），知识库中暂无详细技术说明。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册