uni-app 在tabbar页面 onshow 设置页面 tabbar，在真机苹果手机上面设置无效，h5端可以。

信息类别	详情
产品分类	uniapp/App
PC开发环境	Mac
PC版本号	18
HBuilderX	正式
HBuilderX版本号	4.29
手机系统	iOS
手机系统版本号	iOS 18
手机厂商	苹果
手机机型	苹果11
页面类型	vue
vue版本	vue3
打包方式	云端
项目创建方式	HBuilderX

示例代码：

uni.setTabBarItem({
index: 0,
text: app.$t('tabBar.index.title'), //h5可以 ， app端设置无效
})

操作步骤：

uni.setTabBarItem({
index: 0,
text: app.$t('tabBar.index.title'), //h5可以 ， app端设置无效
})

预期结果：

期望在app端设置成功

实际结果：

app端无效

bug描述：

uni.setTabBarItem({
index: 0,
text: app.$t('tabBar.index.title'), //h5可以 ， app端设置无效
})

caililin 1楼•3 小时前

针对你提到的在uni-app中，tabbar页面的onShow生命周期函数里设置页面tabbar属性在真机苹果手机（iOS）上无效的问题，这通常是由于uni-app在不同平台（如H5、小程序、App等）上的行为差异导致的。特别是在原生App（iOS/Android）平台上，tabbar的管理和更新机制与H5和小程序有所不同。

在uni-app中，tabbar的配置通常是在pages.json文件中静态定义的，动态修改tabbar的属性（如图标、标题等）在部分平台上可能不被支持或者存在限制。尤其是在iOS原生App中，由于系统的tabbar管理更为严格，动态更新可能会遇到挑战。

下面是一个尝试在onShow中更新tabbar属性的代码示例，但请注意，这种方法在iOS真机上可能仍然无效：

// 在页面的 onShow 生命周期函数中尝试更新 tabbar 属性
export default {
  onShow() {
    // 假设我们要更新第一个 tab 项的标题
    const newTabBar = uni.getMenuButtonBoundingClientRect(); // 获取当前 tabbar 状态（仅为示例，实际可能无效）
    newTabBar[0].text = '新标题'; // 尝试修改标题

    // 注意：以下代码仅为示意，实际上 uni-app 并不支持直接修改 tabbar 配置对象
    // 正确的做法应该是通过其他方式（如全局状态管理、事件总线等）触发 tabbar 的更新逻辑
    // 但由于平台限制，这种方法在 iOS 真机上可能仍然无效

    // 假设有一个全局函数用于更新 tabbar（需要自行实现）
    // updateTabBar(newTabBar);
  },
  // ... 其他页面逻辑
};

// 假设的更新 tabbar 函数（需要根据具体实现调整）
function updateTabBar(tabBarConfig) {
  // 这里应该包含更新 tabbar 的逻辑，但由于平台限制，直接修改可能无效
  // 在实际项目中，可能需要通过重新加载页面或触发其他机制来间接实现更新
}

解决方案建议：

静态配置：尽可能在pages.json中静态配置好所有tabbar项，避免动态修改。
条件渲染：如果需要根据不同条件显示不同的tabbar项，可以考虑使用条件渲染来隐藏/显示不同的tab页面，而不是直接修改tabbar配置。
自定义tabbar：对于需要高度自定义的场景，可以考虑使用自定义tabbar组件，这样可以在任何平台上实现一致的tabbar行为。

由于平台限制，直接动态修改tabbar属性在iOS真机上可能无法实现。因此，建议根据具体需求调整设计方案。