相关平台
H5
浏览器版本: 92.0.4515.131
使用框架: React
复现步骤
按照官方的自定义tabbar进行配置后。发现小程序可以正常显示，但是H5不显示
期望结果
H5也支持自定义tabbar
实际结果
不支持
环境信息
👽 Taro v3.3.3
Taro CLI 3.3.3 environment info:
System:
OS: macOS 11.2.3
Shell: 5.8 - /bin/zsh
Binaries:
Node: 16.4.2 - /usr/local/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 7.18.1 - /usr/local/bin/npm
npmPackages:
@tarojs/components: 3.3.3 => 3.3.3
@tarojs/mini-runner: 3.3.1 => 3.3.1
@tarojs/react: 3.3.3 => 3.3.3
@tarojs/runtime: 3.3.3 => 3.3.3
@tarojs/taro: 3.3.3 => 3.3.3
@tarojs/webpack-runner: 3.3.1 => 3.3.1
babel-preset-taro: 3.3.1 => 3.3.1
eslint-config-taro: 3.3.1 => 3.3.1
postcss-pxtransform: 3.3.2 => 3.3.2
react: ^17.0.0 => 17.0.2
taro-ui: 3.0.0-alpha.2 => 3.0.0-alpha.2
8条答案
按热度按时间k3fezbri1#
可以啊，你重新跑一下试试
edqdpe6u2#
遇到同样的问题，h5 展示的不是自定义的 tabbar 组件，而是 taro 默认的 tabbar 组件
vybvopom3#
我目前这样处理了
c7rzv4ha4#
同遇到，表现同3楼
hrysbysz5#
看了下代码，目前H5下的默认tabbar是在 @tarojs/router 中通过插入DOM来进行初始化的，直接没有实现自定义tabbar的场景，只能等待大佬了...
taro/packages/taro-router/src/tabbar.ts
Line 10 in 2239a42
| | // TODO: custom-tab-bar |
lawou6xi6#
思考角度感觉可以选择节点来清除掉
x0fgdtte7#
我目前这样处理了
我这样处理不行哎。。，底部会出现高50的空白区域
yduiuuwa8#
有没有哪位大佬把这个问题解决了？