uni-app ios13.3 系统下只显示底部 tabbar

在 Uni-App 中，如果你在 iOS 13.3 系统下发现应用只显示底部 tabbar，而其他内容没有显示，可能是以下几个原因导致的。你可以根据以下步骤进行排查和解决：

1. 检查页面结构和路由配置

• 确保 pages.json 中的 tabbar 配置正确，并且每个 tab 对应的页面路径是有效的。
• 检查页面结构，确保页面内容（如 view、text 等）被正确渲染。

// pages.json 示例
{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    {
      "path": "pages/user/user",
      "style": {
        "navigationBarTitleText": "用户中心"
      }
    }
  ],
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "static/tabbar/home.png",
        "selectedIconPath": "static/tabbar/home-active.png"
      },
      {
        "pagePath": "pages/user/user",
        "text": "用户",
        "iconPath": "static/tabbar/user.png",
        "selectedIconPath": "static/tabbar/user-active.png"
      }
    ]
  }
}

2. 检查页面样式

• 确保页面内容没有被样式遮挡或隐藏。例如，检查是否有 z-index、position 或 display 样式导致内容不可见。
• 使用开发者工具检查页面布局，确认内容是否被正确渲染。

/* 确保页面内容没有被隐藏 */
page {
  height: 100%;
  background-color: #fff;
}

3. 检查页面生命周期

• 确认页面的生命周期函数（如 onLoad、onShow）是否正常执行。如果这些函数中有逻辑问题，可能会导致页面内容未渲染。
• 在页面中添加日志，检查是否有报错或异常。

export default {
  onLoad() {
    console.log('页面加载完成');
  },
  onShow() {
    console.log('页面显示');
  }
};