iphone－隐藏tabbar会出现空白，不能被其他view使用问题

最新推荐文章于 2024-04-17 08:50:58 发布
转载 最新推荐文章于 2024-04-17 08:50:58 发布 · 3.7k 阅读 · 0

本文介绍了一个简单的iOS应用程序方法，用于动态地隐藏或显示UITabBar。通过修改tabBar的frame属性来实现这一功能，适用于需要临时隐藏底部导航栏的场景。

- (void) hideTabBar:(BOOL) hidden{

    

    [UIViewbeginAnimations:nilcontext:NULL];

    [UIViewsetAnimationDuration:0];

     

    for(UIView *view in self.tabBarController.view.subviews)

    {

        if([view isKindOfClass:[UITabBarclass]])

        {

            if (hidden) {

                [viewsetFrame:CGRectMake(view.frame.origin.x,460, view.frame.size.width, view.frame.size.height)];

            } else {

                [viewsetFrame:CGRectMake(view.frame.origin.x,460-49, view.frame.size.width, view.frame.size.height)];

            }

        } 

        else 

        {

            if (hidden) {

                [viewsetFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width,460)];

            } else {

                [viewsetFrame:CGRectMake(view.frame.origin.x, view.frame.origin.y, view.frame.size.width,460-49)];

            }

        }

    }

    

    [UIViewcommitAnimations];

}


uni-app 小程序项目四 封装 radio组件、NumberBox组件以及数据问题、滑动删除组件、收货地址组件以及授权问题、结算区域
m0_55170432的博客
07-16 1919
购物车页面 1.0 创建购物车页面的编译模式 打开微信开发者工具，点击工具栏上的“编译模式”下拉菜单，选择“添加编译模式”： 勾选“启动页面的路径”之后，点击“确定”按钮，新增购物车页面的编译模式： 1.1 商品列表区域 1.11 渲染购物车商品列表的标题区域 定义如下的 UI 结构： <!-- 购物车商品列表的标题区域 --> <view class="cart-title"> <!-- 左侧的图标 --> <uni-icons type="sho
uni-app之旅-day08-购物车-收货地址
weixin_44423378的博客
10-25 1442
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档。
ios tabbar隐藏
HumorousGhost
09-18 1584
1 iOS跳转界面时隐藏tabBar的方法 //1.设置self.tabBarController.tabBar.hidden=YES; self.tabBarController.tabBar.hidden=YES; //2.如果在push跳转时需要隐藏tabBar，设置self.hidesBottomBarWhenPushed=YES; self.hi...
iOS tabbar视图中隐藏tabbar
weixin_34166472的博客
11-06 142
有时会遇到这样的情况：主框架是tabbar，tabbar中某个子视图是navigationcontroller，从navigationcontroller中弹出一个新的视图，新的视图需要隐藏tabbar，例如设置这种情形。 有个属性叫做hide bottom bar on push的。可以在属性面板中找到。勾上就可以实现隐藏的效果。 ...
隐藏 UITUITababBar (解决底部空白问题)
liulushi_1988的专栏
08-17 1096
123456789101112131415161718192021- (void)setTabBarHidden:(BOOL)hidden{    UIView *tab = self.tabBarController.view;         if ([tab.subviews count] 2) {        return;    }    UIView *view;  
ios 两句话解决，从无导航栏push到有导航栏界面，顶部闪现空白问题
热门推荐
u012795701的博客
09-20 1万+
这个问题也困扰了我挺久的，好多时候，主界面是没有导栏的，点击按钮push到下一层时候是需要导航栏，然而当我们pop回去的时候，往往在原来的导航栏位置会出现44px高度的空白，究其原因，是导航栏未及时消失导致的，解决这个问题其实很简单，只需要两句话，但是句句经典。 第一步，在我们的工程中需要有BaseNavigationController，并且要确定你的app框架的搭建是建立在这个BaseNav
隐藏tabbar的时候，出现空白解决办法
liuyinghui523的专栏
10-19 2039
self.tabBarController.tabBar.hidden = YES; self.edgesForExtendedLayout = UIRectEdgeBottom;
小程序以及H5页面上IphoneX底部安全区域小黑条适配问题
03-29
在苹果 iPhoneX 、iPhone XR等机型上，物理Home键被取消，改为底部小黑条替代home键功能,从而导致吸底元素会被小黑条遮挡覆盖的问题 解决方案 使用已知底部小黑条高度为34px/68rpx机型适配(不建议) 使用微信官方API...
微信小程序底部tabbar遮挡内容
最新发布
07-31
我们正在解决微信小程序中tabbar遮挡页面内容的问题。微信小程序的tabbar是固定在底部的，页面内容可能会被其遮挡，特别是在页面底部有内容时。为了避免遮挡，我们可以调整页面布局，使页面内容在tabbar之上显示。 ...
1.components/responsive/index/index.wxss json给我完整代码；2.通过编译后显示空白页面（白板），请立即修复并给我完整代码；3.给你app.js原代码// app.js - 小程序入口文件（融合版） App({ globalData: { userInfo: null, // 用户信息 token: null, // 用户认证token systemInfo: null, // 系统信息 isLogin: false, // 登录状态 appName: '亮叶企服', // 应用名称 appid: 'wxf49b1aeb1d62f227', // 小程序appid tabBar: null // 自定义TabBar实例（新增） }, // 小程序初始化 onLaunch(options) { console.log('小程序初始化', options); // 获取系统信息 this.getSystemInfo(); // 检查登录状态 this.checkLogin(); // 更新管理器 this.checkUpdate(); // 获取自定义TabBar实例（新增） this.getTabBarInstance(); }, // 获取系统信息 getSystemInfo() { try { const systemInfo = wx.getSystemInfoSync(); this.globalData.systemInfo = systemInfo; console.log('系统信息:', systemInfo); } catch (e) { console.error('获取系统信息失败', e); } }, // 检查登录状态 checkLogin() { const token = wx.getStorageSync('token'); if (token) { this.globalData.token = token; this.globalData.isLogin = true; this.getUserInfo(); } }, // 获取用户信息 getUserInfo() { const that = this; wx.getSetting({ success(res) { if (res.authSetting['scope.userInfo']) { wx.getUserInfo({ success(res) { that.globalData.userInfo = res.userInfo; console.log('用户信息:', res.userInfo); } }); } } }); }, // 检查更新 checkUpdate() { const updateManager = wx.getUpdateManager(); updateManager.onCheckForUpdate(res => { console.log('检查更新结果:', res.hasUpdate); }); updateManager.onUpdateReady(() => { wx.showModal({ title: '更新提示', content: '新版本已经准备好，是否重启应用？', success(res) { if (res.confirm) { updateManager.applyUpdate(); } } }); }); updateManager.onUpdateFailed(() => { wx.showToast({ title: '更新失败', icon: 'none' }); }); }, // 全局登录方法 login(callback) { const that = this; wx.login({ success(res) { if (res.code) { // 发送code到后端获取token wx.request({ url: 'https://api.yourdomain.com/auth/login', method: 'POST', data: { code: res.code }, success(res) { if (res.data.code === 0) { const token = res.data.token; that.globalData.token = token; that.globalData.isLogin = true; wx.setStorageSync('token', token); // 更新TabBar状态（新增） if (that.globalData.tabBar) { that.globalData.tabBar.updateActiveTab('/pages/mine/index'); } callback && callback(true); } else { callback && callback(false, res.data.msg); } }, fail(err) { callback && callback(false, '登录请求失败'); } }); } else { callback && callback(false, '获取登录凭证失败'); } }, fail(err) { callback && callback(false, '登录失败'); } }); }, // 全局请求方法 request(options) { const token = this.globalData.token; const header = token ? { 'Authorization': `Bearer ${token}` } : {}; return new Promise((resolve, reject) => { wx.request({ ...options, header: { ...header, ...(options.header || {}) }, success: (res) => { if (res.statusCode >= 200 && res.statusCode < 300) { resolve(res.data); } else { reject(res); } }, fail: (err) => { reject(err); } }); }); }, // 全局错误处理 showErrorToast(msg) { wx.showToast({ title: msg || '操作失败', icon: 'none', duration: 2000 }); }, // 全局导航方法 navigateTo(url) { wx.navigateTo({ url }); }, // 全局跳转分包页面 navigateToSubPackage(packageName, pagePath) { const url = `/subpackages/${packageName}/pages/${pagePath}/${pagePath}`; wx.navigateTo({ url }); }, // ================ 新增的自定义TabBar管理方法 ================ // // 获取自定义TabBar实例 getTabBarInstance() { const tabBar = this.globalData.tabBar; if (tabBar) return tabBar; // 获取TabBar实例 const tabBarComponent = this.getTabBar && this.getTabBar(); if (tabBarComponent) { this.globalData.tabBar = tabBarComponent; return tabBarComponent; } // 延迟获取（解决页面加载顺序问题） setTimeout(() => { const tabBarComponent = this.getTabBar && this.getTabBar(); if (tabBarComponent) { this.globalData.tabBar = tabBarComponent; } }, 1000); return null; }, // 更新当前激活的Tab（供页面调用） updateActiveTab(pagePath) { if (this.globalData.tabBar && this.globalData.tabBar.updateActiveTab) { this.globalData.tabBar.updateActiveTab(pagePath); } else { // 延迟执行（等待TabBar实例加载） setTimeout(() => { if (this.globalData.tabBar && this.globalData.tabBar.updateActiveTab) { this.globalData.tabBar.updateActiveTab(pagePath); } }, 500); } }, // 显示TabBar徽标（新增功能） showTabBarBadge(index, text = '') { if (this.globalData.tabBar && this.globalData.tabBar.showBadge) { this.globalData.tabBar.showBadge(index, text); } else { setTimeout(() => { if (this.globalData.tabBar && this.globalData.tabBar.showBadge) { this.globalData.tabBar.showBadge(index, text); } }, 500); } }, // 隐藏TabBar徽标（新增功能） hideTabBarBadge(index) { if (this.globalData.tabBar && this.globalData.tabBar.hideBadge) { this.globalData.tabBar.hideBadge(index); } else { setTimeout(() => { if (this.globalData.tabBar && this.globalData.tabBar.hideBadge) { this.globalData.tabBar.hideBadge(index); } }, 500); } } });请你帮我融入下列代码后给我完整代码，// app.js App({ globalData: { deviceInfo: null }, onLaunch() { const systemInfo = wx.getSystemInfoSync(); const safeAreaBottom = systemInfo.screenHeight - systemInfo.safeArea.bottom; this.globalData.deviceInfo = { model: systemInfo.model, screenWidth: systemInfo.screenWidth, screenHeight: systemInfo.screenHeight, pixelRatio: systemInfo.pixelRatio, statusBarHeight: systemInfo.statusBarHeight, safeAreaBottom, sdkVersion: systemInfo.SDKVersion, language: systemInfo.language, isIPhoneX: /iPhone X|iPhone 11|iPhone 12|iPhone 13|iPhone 14|iPhone 15/.test(systemInfo.model) }; } });
07-08
isIPhoneX: /iPhone X|iPhone 11|iPhone 12|iPhone 13|iPhone 14|iPhone 15/.test(systemInfo.model), // 添加更多增强信息 isAndroid: /Android/.test(systemInfo.system), isDevTools: systemInfo.platform ==...
UITabBarController中点击UINavigationController根视图后隐藏tabbar的问题
仰望 星空的专栏
01-15 2912
UITabBarController中点击UINavigationController根视图后隐藏tabbar的问题 新建一个UITabBarController，里面放了4个标签页，其中有一个标签页是UINavigationController，当点击UINavigationController根视图里的一个按钮，弹出第二个视图时，发现视图下方的选项卡还在，没有隐藏。查了资料，需要在导航的第二
关于UITabBarController的UITabBar隐藏问题
u010100106的专栏
03-11 2261
最开始的时候我用的 - (void)hideTabBar {     if (self.tabBarController.tabBar.hidden == YES) {         return;     }     UIView *contentView;     if ( [[self.tabBarController.view.subviews obje
系统tabBar隐藏出现白条
请叫我斑马先生。
06-15 1609
self.hidesBottomBarWhenPushed = YES;
Flutter使用TabBar问题小结(1)
2401_84149505的博客
04-17 1529
Tab的图标如果使用的是Icon，则自带点击图标变化效果。但如果用的是自定义Image，则需要通过setState管理Image引用的资源才能实现其效果。全部代码如下//底部导航控制器//选中位置//Tab1的图片资源//Tab2的图片资源@override//初始化默认图片资源//TabBar监听器@override… //此处代码省略]),tabs: [Tab(Tab(],),),),
h5页面在iphone手机上底部会有留白解决办法
dss0225的博客
05-21 3927
在meta viewport标签里加属性：viewport-fit=cover； <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
解决iOS跳转页面时，把 tabbar 隐藏了，但是在跳转的时候 还会有 tabbar 的白色痕迹的办法
CloverZhu的博客
12-02 2091
在跳转的时候  Login_ViewController *vc = [[Login_ViewController alloc]init]; vc.hidesBottomBarWhenPushed = YES; [self.navigationController pushViewController:vc animated:YES]; 这样就可以解决 了
safe area
lx583274568的专栏
02-25 426
<meta name="viewport" content="viewport-fit=cover" /> body { padding-top: constant(safe-area-inset-top); //为导航栏+状态栏的高度 88px padding-left: constant(safe-area-inset-left); //如果未竖屏时为0 padding-right: constan.
iOS跳转界面时隐藏tabBar的方法(隐藏tabBar底部变黑)
09-18 7855
//1.设置self.tabBarController.tabBar.hidden=YES;       self.tabBarController.tabBar.hidden=YES;   //2.如果在push跳转时需要隐藏tabBar，设置self.hidesBottomBarWhenPushed=YES;       self.hidesBottomBa
mint-ui-tabbar组件使用示例教程
这可能意味着Tabbar的示例代码将被嵌入到src目录的某个组件文件中，或者通过引用其他文件如index.js、main.js等来集成。 总结以上信息，我们在探讨Mint-UI Tabbar示例时，主要关注的是如何在Vue项目中通过合理配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值