iOS XIB使用Safe Area后在iOS9和10上面出现的问题和解决方案

最新推荐文章于 2025-06-25 20:49:23 发布

原创最新推荐文章于 2025-06-25 20:49:23 发布 · 置顶 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#解决方案 #ios #github #导航

iOS开发专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何解决XIB控制器中SafeArea默认高度为20导致的问题，并提供了一种通过添加导航栏来调整SafeArea高度的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题和解决方案地址送你的独白么

我就上面的方法补充一点

创建xib控制器的SafeArea的高度默认是20的，那么按照那个方法来弄的话会没有效果，那么怎么修改SafeArea的高度呢？请看下图

这里写图片描述

这样设置一个导航栏之后再按照上面链接的方法进行设置就好了

我的github：https://github.com/sjxt 欢迎star一下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

____亦心晨

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

React Native 组件之SafeAreaView

xiangzhihong8的专栏

06-14

1万+

SafeAreaView简介 ReactNative官方从0.50.1版本开始，加入了针对iPhone X设备齐刘海页面适配的组件SafeAreaView，为ReactNative开发APP时对iPhone X的页面适配提供了很大的方便。目前，SafeAreaView只适合iOS设备。 SafeAreaView的使用也非常简单，只需要将SafeAreaView嵌套在最根级别的视图中即可，并且在...

safeArea适配后在ios9上的反应

FScyj1的博客

01-02

2214

在为iphoneX适配时，xib上启用了safeArea的一些选项，但是换到ios9上发现页面嵌在上面了，如图所示:在该controller下设置导航栏为不透明就好了，self.navigationController.navigationBar.translucent = NO;参考:http://www.cocoachina.com/ios/20171206/21436.htmlp.p1 {m

参与评论您还未登录，请先登录后发表或查看评论

Xcode 9.0 报错， Safe Area Layout Guide Before IOS 9.0

最新发布

deary

06-25

783

本文针对iOS刘海屏设备底部"小黑条"导致吸底按钮被遮挡的问题，提出基于CSS环境变量env()和constant()的安全区域适配方案。详细介绍了三种实现方式：1）在固定定位元素中使用padding-bottom；2）通过calc()动态调整高度；3）独立占位层组件化方案。文章强调必须设置viewport-fit=cover才能生效，并提供了组件封装示例、进阶兼容技巧以及各方案的适用场景对比。这些方法能有效解决iOS设备底部元素被遮挡问题，同时保持安卓设备的兼容性。

Xcode 更新到9.0 新建xib报错: Safe Area Layout Guide Before IOS 9.0

蜗牛的小房子

09-25

9490

昨天趁着周末把xcode版本给更到了9.0,今天在工程中新建一个带有xib的View,报错:Safe Area Layout Guide Before IOS 9.0 报错的字面意思就是safe area布局应用在iOS 9之前的版本上了.我们的解决版本可以从两个方向入手 1,我们可以把safe area勾掉,不用safe area布局,如下图 2.我们可以把iOS版本号提到

iOS11适配-Safe Area

feelinghappy的专栏

02-09

5422

在iOS 7中，苹果介绍了UIViewController中的topLayoutGuide和bottomLayoutGuide这两个属性，用来描述一个不被任何内容遮挡的屏幕区域，比如说顶部状态栏status bar、导航栏navigation bar、工具栏toolbar、菜单栏tab bar等。在IOS 11，苹果弃用了这些属性而启用safe area。苹果建议我们不要把任何交互放在safe area之外，从iOS 11开始，我们在开发iOS应用的时候，需要进行视图布局时，必须使用新的safe area.

关于iOS中的布局向导（Layout Guide）和安全区域（Safe Area）

Puzhi的专栏

01-30

1万+

iOS在默认情况下，竖屏会显示状态栏，横屏自动隐藏状态栏。而视图控制器的主视图默认位于屏幕顶端，在竖屏时会被顶部状态栏遮挡。如果我们希望不被状态栏遮挡，则需要先判断横竖屏，然后动态显示隐藏状态栏。如果界面中还存在导航栏、分页栏，情况就更复杂一些。总之，自己处理是一件很麻烦的事情。布局向导在iOS 7中，苹果引入了Top Layout Guide（顶部布局向导）和Bottom Layout Gu...

IOS自动布局XIB和CODE，附代码和PPT

04-21

本主题将详细探讨如何在XIB（Interface Builder）和代码中实现自动布局，并通过提供的代码和PPT资源来加深理解。首先，自动布局是一种声明式的布局系统，它允许开发者定义视图之间的关系，这些关系基于约束...

iOS 屏幕适配 iPhone X SafeArea安全区域

iOS开发程序媛

09-06

5459

三月份工作 9月份才开始自己主动了解安全区域适配问题一. 前言本文的出发点是对iOS设备的适配, 我们之前的适配只是考虑设备的尺寸, 设备的方向, 而在iPhoneX出来之后呢, 我们又多了一种考量, 那就是刘海和底部横条(HomeIndicator), 我们通过UIKit11.0之后新增的API来解决这个问题, 达到不同设备尺寸, 不同设备方向的完美适配. 二. 之前的做法注...

Ios7XIB适配

09-29

本篇将深入探讨如何解决iOS7中XIB（XML Interface Builder）文件在状态栏透明后的适配问题。首先，iOS7对状态栏进行了重大改变，它不再是完全不透明的黑色背景，而是变得半透明，允许底层视图的部分内容透过状态栏...

Swift、Xib适配

10-23

4. 对于安全区域的适配，可以设置视图的约束（Constraints）以参考安全区域，或者在Swift代码中使用`safeAreaLayoutGuide`属性来自适应安全区域。例如，如果你有一个在底部有内容的视图，你可能会这样做： ```...

iOS 11 safeArea详解及iphoneX 适配

01-05

最近看了许多iPhone X适配的文章，发现很少有介绍safeArea的，就来随便写写现在对于iPhone X的适配，有一种常见的做法是给导航栏或tabbar增加一个固定的距离，比如顶部增加44pt，底部增加34pt。这种写死距离的做法乍看上去挺简单，其实并不好，理由如下不适合多机型的适配，如果以后出了一种带刘海的iPad，需要预留出来的距离就未必是现在写死的距离不适合需要支持横竖屏的app，横屏顶部不需要增加距离，反而是左右各有44pt，底部的距离也和竖屏不同不够动态。还是举个例子，假如有电话打进来了，导航栏应该会下移，这时候view可能还是会被挡住这里我想探讨一下如何

react-native-safeareaview-demo:展示SafeAreaView使用情况的示例应用

05-19

react-native-safeareaview-demo 这是一个演示应用程序，用于显示<SafeAreaView>使用的不同方案。链接 iPhone分辨率终极指南（谢谢Matias！）苹果开发人员人机界面指南 React社区SafeAreaView

关于安全区SafeAreaView的缺陷

m0_61358014的博客

01-02

141

需要安全使用安全区域的可以使用react-safe-area-context，

iOS SafeArea安全区域

假装你是大灰狼的专栏

04-15

9440

1. 前言本文的出发点是对iOS设备的适配, 我们之前的适配只是考虑设备的尺寸, 设备的方向, 而在iPhoneX出来之后呢, 我们又多了一种考量, 那就是刘海和底部横条(HomeIndicator), 我们通过UIKit11.0之后新增的API来解决这个问题, 达到不同设备尺寸, 不同设备方向的完美适配。 2. 之前的做法注: 该方法只适用于设备的竖屏, 如果是横屏就会出现问题我们是用宏, 来解决这个问题的, 像这样: /** 设备屏幕宽度 */ #define LCLScreenWidth [[U

iOS界面布局：屏幕尺寸与安全区域全面指南

weixin_39339407的博客

09-19

3925

以上就是在iOS项目开发中关于屏幕尺寸以及导航栏高度Tab Bar高度适配的所有内容。通过动态获取屏幕尺寸、导航栏、状态栏和安全区域的高度，我们能够适配不同设备，确保应用在各种屏幕上都有最佳的用户体验。随着iPhone屏幕设计的演进，特别是全面屏和灵动岛的引入，开发者必须灵活运用这额布局方法，以适应不断变化的屏幕形态。

React Native Safe Area View 项目教程

gitblog_01155的博客

08-22

470

React Native Safe Area View 项目教程 1. 项目的目录结构及介绍 react-native-safe-area-view/ ├── src/ │ ├── SafeAreaView.js │ ├── index.js │ └── native.js ├── .gitignore ├── .npmignore ├── README.md ├── package....

iOS应用适配iPhone XS/XS Max/XR全面解析

尽管许多国内公司可能还在使用storyBoard和Xib，但AutoLayout可以提供更灵活和高效的布局解决方案。 3. **UISplitViewController的更新** - 之前UISplitViewController只在iPad上可用，但现在也适用于iPhone XS ...