uniapp,从一个页面用uni.navigateBack()返回tabbar页,tabbar页头被titleNView盖住
时间: 2024-01-27 09:29:24 浏览: 50
如果在uniapp中使用`uni.navigateBack()`返回到tabbar页时,tabbar页头被`titleNView`盖住的话,你可以尝试在返回前执行`uni.showTabBar()`来显示tabbar。
代码示例:
```javascript
uni.showTabBar({
animation: true
});
uni.navigateBack();
```
通过调用`uni.showTabBar()`来显示tabbar后再执行`uni.navigateBack()`返回,这样就能确保tabbar页头不被`titleNView`盖住了。
希望对你有所帮助!如果还有其他问题,请随时提问。
相关问题
uniapp 用uni.navigateTo返回tabbar页 页头被titleNView盖住
你可以尝试在调用 `uni.navigateTo` 方法时传递一个额外的参数 `animationType: 'pop-out'`,这将会以退出动画的方式返回到tabbar页,同时避免页头被 `titleNView` 盖住的问题。
代码示例:
```javascript
uni.navigateTo({
url: '/pages/tabbarPage',
animationType: 'pop-out'
});
```
这样做将会使用退出动画返回到tabbar页,并确保页头不被 `titleNView` 盖住。希望对你有帮助!如果还有其他问题,请随时提问。
uni.reLaunch跳转tabbar页面,底部不被选中
在使用uni-app框架的时候,可以通过uni.reLaunch方法跳转到tabbar页面。如果跳转后底部tabbar未被选中,可以尝试以下方法:
1. 在跳转前获取当前选中的tabbar索引值,然后在跳转后手动设置选中的tabbar。示例代码如下:
```
// 获取当前选中的tabbar索引值
const currentTabBarIndex = uni.getStorageSync('currentTabBarIndex') || 0
// 跳转到tabbar页面
uni.reLaunch({
url: '/pages/tabbar/tabbar',
success() {
// 设置选中的tabbar
uni.switchTab({
url: `/pages/tabbar/tabbar?page=${currentTabBarIndex}`
})
}
})
```
2. 如果以上方法无效,可以尝试在app.vue中监听App的onShow事件,然后手动设置选中的tabbar。示例代码如下:
```
// app.vue中监听onShow事件
onShow() {
const currentTabBarIndex = uni.getStorageSync('currentTabBarIndex') || 0
if (typeof this.$mp.page.getTabBar === 'function' &&
this.$mp.page.getTabBar()) {
this.$mp.page.getTabBar().$vm.selectedIndex = currentTabBarIndex
}
}
```
以上是两种常用的解决方法,希望能帮助到你。