uni-app 使用uni.hideHomeButton()后左上角小房子图标会先显示再隐藏 显示时间明显 影响用户体验

uni-app 使用uni.hideHomeButton()后左上角小房子图标会先显示再隐藏 显示时间明显 影响用户体验

开发环境 版本号 项目创建方式

计划是从登录页跳转到首页。在首页onshow里面调用了uni.hideHomeButton();但是首页左上角的小房子图标是先闪现一下之后才隐藏的。并且闪现过程很明显，影响体验。请问怎么能让该图标直接隐藏。

2 回复

同问

更多关于uni-app 使用uni.hideHomeButton()后左上角小房子图标会先显示再隐藏 显示时间明显 影响用户体验的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中，uni.hideHomeButton() 方法在页面 onShow 生命周期中调用时，由于页面渲染和 API 执行的时序问题，可能导致首页左上角的“小房子”图标先短暂显示再隐藏。这是由于页面初始化时，系统默认显示返回首页按钮，而 hideHomeButton() 需要一定时间生效，从而出现闪现现象。

解决方案：

  1. 提前调用 API：在页面的 onLoad 生命周期中调用 uni.hideHomeButton()。由于 onLoad 执行早于页面渲染，可以有效减少图标闪现。示例代码：

    onLoad() {
  uni.hideHomeButton();
}

  2. 结合页面动画或延迟：若仍存在闪现，可配合 setTimeout 微调执行时机（例如延迟 10ms），但需谨慎使用，避免过度延迟影响体验：

    onLoad() {
  setTimeout(() => {
    uni.hideHomeButton();
  }, 10);
}
回到顶部