iOS navigationBar.hidden与navigationBarHidden的区别

最新推荐文章于 2023-07-14 14:27:25 发布
最新推荐文章于 2023-07-14 14:27:25 发布
阅读量2.9k 收藏 3
点赞数
分类专栏： iOS 文章标签： ios pop 导航
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TechAlleyBoy/article/details/71515667
版权

navigationBar.hidden和navigationBarHidden都能隐藏导航栏，隐藏之后依然可以使用push和pop方法。但是区别是什么？

一：navigationBar
navigationBar继承与UIView，所以navigationBar.hidden是对一个视图对象进行隐藏。
navigationBar.hidden=YES隐藏导航栏，左边沿滑动pop效果可使用

@interface UINavigationBar : UIView <NSCoding, UIBarPositioning>

二：navigationBarHidden
navigationBarHidden是navigationController 的一个属性，会隐藏整个navigationController。
navigationBarHidden=YES 左边沿滑动pop效果无效

@property(nonatomic,getter=isNavigationBarHidden) BOOL navigationBarHidden;
- (void)setNavigationBarHidden:(BOOL)hidden animated:(BOOL)animated; // Hide or show the navigation bar. If animated, it will transition vertically using UINavigationControllerHideShowBarDuration.

导航栏有一种pop方式，就是push到一个新界面，在新界面的屏幕最左边往右边滑动可以pop，并且新界面还可以跟着滑动的位置而位移。navigationBarHidden=YES时这种pop无法使用，navigationBar.hidden=YES时这种pop方式可以使用。
这里写图片描述

iOS 导航栏隐藏和显示
CSDN博客
01-07 3189
1: 导航栏隐藏、显示之间跳转 iOS 导航栏对于隐藏造成的动画 可以通过在 viewWillAppear 和 viewWillDisappear 来设置完成 - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [self.navigationController setNavigationBarHidden:YES animated:animated]; } - (void)viewWillDis
使用官方API解决Navigation侧滑导致的Navigationbar异常显示和隐藏的问题
热门推荐
u012399891的博客
01-12 1万+
经历了一个多月终于基本完成公司一个项目的重构，在这后面的几天调试中发现了一些小问题，小编讲写成博客记录下来，当做是自己技术生涯的记录，同时也希望能帮助一些刚入IOS的朋友们。 昨天调试navigationbar的时候发现了一些奇怪的问题，和预期效果差距有点远。 问题一、登陆页面隐藏了navigationbar，注册和关于页面显示了navigationbar，在侧滑时如果从注册页面侧滑一半（不要
ios-几种隐藏UINavigationBar的小技巧.zip
07-11
用swift写的一个UINavigationBar的扩展，总结可3种隐藏UINavigationBar的方式，代码的github下载地址：https://github.com/631106979/WCLHideNavBar，代码详解的博客地址：http://blog.csdn.net/wang631106979/article/details/52060270，大家觉得学到东西的可以给点个赞，有什么疑问可以去我的博客留言，谢谢大家的支持
iOS 隐藏NavigationBar的方法
iOS的脚步
08-12 840
使用以下方法： - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [self.navigationController setNavigationBarHidden:YES]; } 退出该控制器时还原： - (void)viewWillDisappear:(BOOL)animated {
iOS中隐藏UINavigationBar的方法
mmdev
07-07 183
如果想在root view controller中把UINavigationBar隐藏，如何做呢？其实我们只需要实现UINavigationController的一个delegate方法就行了。代码如下： - (void)navigationController:(UINavigationController *)navigationController willShowViewControlle...
iOS如何让主界面不显示NavigationBar
weixin_30576827的博客
11-12 119
- (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [self.navigationController setNavigationBarHidden:YES animated:animated]; } - (void)viewWillDisappear:(BOOL)a...
iOS隐藏NavigationBar
天道酬勤
07-03 1517
在使用UINavigationController的时候，我们有时候需要使用setNavigationBarHidden隐藏部分界面的NavigationBar，要注意的是参数animated为false时，从没有NavigationBar的界面跳转到有NavigationBar的界面，然后向左侧滑再慢慢向右侧滑返回时会出现NavigationBar消失并且无法返回的BUG，将animated实参...
NavigationStack/导航堆栈管理器, Toolbar/导航工具栏 的使用
Hanyang Li的专栏
07-14 780
NavigationStack/导航堆栈管理器, Toolbar/导航工具栏 的使用（iOS 16 版本 API 新特性）
iOS开发－记录下在开发过程中遇到的问题的解决方案及经验总结-1
iOS学堂
07-05 2809
iOS 开发中的总结，小技巧，小思路的拓展，如有不当之处欢迎指正
Swiftui：自定义NavigationView
掰湘果的博客
08-27 1437
Swiftui：自定义NavigationView
iOS 导航栏的navigationBar.hidden与navigationBarHidden的区别
weixin_30781107的博客
08-04 182
1. navigationBar.hidden是对一个对象(当前控制器的对象)进行隐藏； 2. navigationBarHidden是navigationController的一个属性，会隐藏整个navigationController； 3. 这两种方法都是可以隐藏导航栏的，隐藏之后依然可以使用push和pop方法； 4. 导航栏有一个操作细节，就是push到一个新界面，在新界面的屏幕最...
iOS中对于navigationBar隐藏的一些设置
iOS开发相关（OC）
02-24 4848
以下所述的所有方法都是针对于iOS8.0之后对于navigationBar的一些设置，尤其是当使用继承自UIScrollView的控件时，有时候经常要针对于navigationBar做出一些设置，不多说上方法： 1，self.navigationController.hidesBarsOnSwipe = YES ; 当tableView等滑动的时候是否隐藏navigationBar，YES表示
iOS 开发中如何隐藏UINavigationBar
qq_38641559的博客
11-11 431
有的时候，我们的视图使用了Navigation Controller ，但是主界面（rootviewcontroller）或其它push进入的界面 想使用一个全屏的view，就是说，不显示顶部的navigationBar，这个时候，就需要我们来隐藏了。 //隐藏NavigationBar -(void) viewWillAppear:(BOOL)animated{ [self.navigation...
iOS 隐藏Navigationbar导航栏
weixin_30451709的博客
10-19 103
需求是这样的，只在首页隐藏Navigation Bar，其他页面都不隐藏。 - (void)viewWillAppear:(BOOL)animated { [self.navigationController setNavigationBarHidden:YES animated:animated]; [super viewWillAppear:animated]; }...
ios 系统NavigationBar隐藏
hnxyzhw的专栏
11-02 614
FirstViewController  pushViewController到第二个页面 SecondViewController 在FirstViewController中设置 - (void)viewDidLoad {     [super viewDidLoad];     // Do any additional setup after loading the view f
navigation bar 隐藏
EricSuper的专栏
11-22 1336
在viewController中的viewdidload方法中设置属性self.navigationController.navigationBarHidden=YES;
iOS如何隐藏NavigationBar
你有故事，我囿酒
12-23 384
//隐藏NavigationBar -(void) viewWillAppear:(BOOL)animated{          [self.navigationControllersetNavigationBarHidden:YESanimated:YES]; //设置隐藏     [super viewWillAppear:animated]; } -
ios navigationBar.hidden 和 navigationBarHidden 的坑
u012636086的专栏
12-08 4456
self.navigationController.navigationBarHidden = NO;   self.navigationController.navigationBar.hidden = NO; 设置隐藏和显示navigationbar遇到操作无效的问题，review代码，发现其中区别，大致一看代码这两行是去实现相同的功能，但是第二个方法时而失效不起作用
navigationbar.value.setConfig(ins.data.config)
最新发布
03-04
<think>好的，我需要分析用户的问题：“请介绍一下 navigationbar.value.setConfig(ins.data.config)”。首先，用户之前询问了关于Vue中ref的使用，现在这个问题看起来是具体的应用场景。用户可能在开发中遇到了导航栏配置的问题，需要调用某个组件的方法来设置配置。 首先，我需要确认navigationbar.value是什么。根据之前的对话，navigationbar是一个通过ref创建的模板引用，指向某个子组件实例。所以navigationbar.value应该是一个子组件的实例，而setConfig是该组件暴露的一个方法。ins.data.config可能是父组件中的数据，用来传递配置对象。 接下来，我需要解释这行代码的作用：调用子组件的setConfig方法，并将父组件的配置数据传递进去。需要说明这在Vue中的典型用法，比如父组件通过ref获取子组件实例并调用其方法。 然后，我需要考虑可能的错误场景。例如，如果子组件没有暴露setConfig方法，或者navigationbar.value在调用时还未正确赋值（比如在onMounted之前调用），会导致错误。需要提醒用户注意这些点，并提供解决方案，比如检查子组件的方法是否暴露，确保在正确的生命周期钩子中调用。 另外，用户可能对ins.data.config的来源有疑问，需要解释ins可能是实例对象，data.config是其中的配置数据。可能涉及父组件传递props或使用provide/inject等方式，但这里更可能是通过ref直接调用子组件方法。 还需要比较使用ref调用方法和使用props传递配置的区别，说明直接调用方法的适用场景，比如需要主动触发子组件更新，而不是被动接收props。同时，提到Vue3的推荐做法，优先使用props和事件，但在需要时使用ref调用方法也是可行的。 最后，总结最佳实践，比如确保方法存在，类型安全，以及正确的生命周期调用时机。可能还需要给出代码示例，展示如何在子组件定义方法，并在父组件中调用。</think>这是一个典型的 Vue 组件间方法调用的场景，以下是分层解析： --- ### 🎯 代码作用解析 ```javascript navigationbar.value.setConfig(ins.data.config) ``` 1. **组件引用链**： - `navigationbar.value`：通过 `ref()` 获取的子组件实例 - `setConfig`：子组件暴露的方法 - `ins.data.config`：父组件中的配置数据对象 2. **执行流程**： ``` 父组件配置数据 → 通过 ref 获取子组件实例 → 调用子组件方法 → 传入配置参数 ``` --- ### 🌰 典型应用场景 #### 子组件定义 (ChildComponent.vue) ```typescript // 明确暴露组件方法 defineExpose({ setConfig(config: NavConfig) { this.internalConfig = deepClone(config) this.updateLayout() } }) ``` #### 父组件调用 (ParentComponent.vue) ```vue <script setup> import { ref } from 'vue' const navigationbar = ref<InstanceType<typeof ChildComponent> | null>(null) // 从外部获取配置源 const ins = useDataSource() // 假设的数据获取方式 const applyConfig = () => { if (navigationbar.value) { navigationbar.value.setConfig(ins.data.config) } } </script> ``` --- ### ⚠️ 常见问题排查表 | 问题现象 | 原因分析 | 解决方案 | |----------------------------|---------------------------------|---------------------------------| | `setConfig is not a function` | 子组件未暴露方法 | 检查子组件是否使用 `defineExpose` | | 配置未生效 | 数据响应性丢失 | 使用 `toRefs(ins.data).config` | | TS类型报错 | 未正确声明组件类型 | 使用 `InstanceType<typeof Component>` 类型注解 | | 异步加载报错 | 组件未挂载完成就调用 | 在 `onMounted` 后或加可选链 `navigationbar.value?.setConfig()` | --- ### 🔄 与传统 props 传参的对比 | 方式 | 方法调用 | Props 传递 | |--------------|---------------------------------|-------------------------------| | 触发时机 | 主动调用 | 被动接收 | | 数据流向 | 父 → 子 | 父 → 子 | | 响应性 | 需要手动处理 | 自动响应 | | 适用场景 | 需要主动触发子组件更新 | 初始化参数传递 | --- ### 🛠️ 调试建议 1. **控制台验证**： ```javascript // 检查组件实例是否正常 console.log(navigationbar.value) // 验证方法存在性 console.log(navigationbar.value?.setConfig) ``` 2. **类型安全增强**： ```typescript interface NavConfig { items: MenuItem[] theme?: 'dark' | 'light' //... } const navigationbar = ref<{ setConfig: (config: NavConfig) => void } | null>(null) ``` --- ### 📜 最佳实践指南 1. **防御式编程**： ```javascript const handleUpdate = () => { if (!navigationbar.value || !ins.data) return try { navigationbar.value.setConfig(structuredClone(ins.data.config)) } catch (e) { console.error('配置更新失败:', e) } } ``` 2. **响应式联动**（推荐配合 watch 使用）： ```javascript watch( () => ins.data.config, (newConfig) => { navigationbar.value?.setConfig(newConfig) }, { deep: true } ) ``` 3. **内存管理**： ```javascript onUnmounted(() => { navigationbar.value = null // 避免内存泄漏 }) ``` --- ### 🌐 架构层面的思考 这种模式常见于以下场景： 1. 可视化编辑器：父组件控制子组件渲染配置 2. 微前端架构：主应用控制子应用配置 3. 插件系统：动态加载组件配置 建议对敏感操作（如配置修改）添加权限校验层： ```javascript // 安全代理示例 const safeProxy = { setConfig(config) { if (validateConfig(config)) { navigationbar.value.setConfig(config) } } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值