uniapp自定义tabbar安卓安全区

UniApp 的自定义 TabBar 在 Android 端有一个安全区域的概念，主要是为了适应 Android 设备上 Material Design 的设计规范，保证应用的界面元素不会被系统状态栏（如导航栏、时间等）遮挡。在 Android 中，TabBar 需要在指定的安全区域内布局，以便在设备顶部有空间显示内容。

要设置 UniApp 自定义 TabBar 的安全区域，你可以按照以下步骤操作：

1. 在 `uni-app.config.js` 文件中，打开平台相关配置：

{
  "platform": {
    "android": {
      "window": {
        "navigationBarTextStyle": "black", // 标题颜色，默认白色
        "navigationBarBackgroundColor": "#f4f4f4", // 标题背景色，默认透明
        "disableScroll": true, // 是否禁用滚动，默认 false
        "tabBar": { ... } // 在这里添加 TabBar 安全区域配置
      }
    }
  }
}

2. 在 `tabBar` 对象中，可以设置 `position` 属性为 `top`，然后设置底部距离屏幕底部的距离，例如：

"tabBar": {
  "custom": {
    "position": "top",
    "offsetTop": "64px", // 设置安全区顶部距顶部的状态栏高度，通常为 64 或 72 dp
    "style": "custom" // 使用自定义样式，而不是默认样式
  }
}