uni.showTabBar() 和 uni.hideTabBar() 在 iOS 系统中弹框被遮挡的解决方法

如果在 iOS 系统中使用 'uni.showTabBar()' 和 'uni.hideTabBar()' 时，弹框仍然被遮住，可以尝试以下解决方案：

1. 使用延迟函数：在调用 'uni.hideTabBar()' 后，使用 'setTimeout()' 函数将弹框的显示延迟一段时间，例如 500 毫秒，以确保底部 tab 栏已经完全隐藏。

uni.hideTabBar();
setTimeout(() => {
  // 显示弹框代码
}, 500);

2. 使用定位属性：将弹框的样式设置为绝对定位，并通过 CSS 的 'z-index' 属性将其置于最高层级，以确保弹框显示在底部 tab 栏之上。

.popup {
  position: absolute;
  z-index: 9999;
  /* 其他样式属性 */
}

3. 使用自定义组件：将底部 tab 栏和弹框分别封装为自定义组件，在需要隐藏 tab 栏时，通过控制自定义组件的显示和隐藏来实现。

在自定义 tab 栏组件中，使用 '' 标签来显示自定义组件的内容，例如：

<template>
  <view>
    <slot></slot>
  </view>
</template>

在需要显示 tab 栏的页面中，使用自定义 tab 栏组件，并在需要弹框时，将弹框组件放置在自定义 tab 栏组件之上。

<template>
  <view>
    <custom-tab-bar>
      <!-- 页面内容 -->
      <popup></popup>
    </custom-tab-bar>
  </view>
</template>

这样可以确保弹框始终在底部 tab 栏之上显示。

希望以上解决方案能帮助到您解决问题。