uniapp iOS底部不留安全区域

作者: 冰点雨 | 来源:发表于2023-12-05 11:24 被阅读0次

iOS 11 适配记录
xib 视图居底部布局和UITabBarController
vue适配iphoneX底部安全区域
iOS 状态栏，导航栏安全适配
浅谈iOS导航栏布局问题
hbuilderX 打包注意事项
iPhoneX中有关于WebView的适配问题
iphoneX底部安全区域适配
【uniapp】兼容刘海屏底部安全区
MJRefresh适应iPhoneX的安全区域问题

问题：ios底部导航栏会有黑边

解决方法：
App：在manifest.json源码视图中找到app-plus，添加safearea配置

"safearea": {
            "background": "#FFFFFF", // 安全区域外的背景颜色，默认值为"#FFFFFF"  
            "bottom": {
                // 底部安全区域配置  
                "offset": "none" // 底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"  
            },
            "left": {
                // 左侧安全区域配置（横屏显示时有效）  
                "offset": "auto"
            },
            "right": {
                // 右侧安全区域配置（横屏显示时有效）
                "offset": "auto"
            }
        },

iOS 11 适配记录
1、表视图、集合视图这些，应该延伸至屏幕底部，不受安全区域的限制。 2、屏幕底部有操作按钮的界面，应该考虑安全区域...
xib 视图居底部布局和UITabBarController
1.普通视图布局居底部显示运行时则会距离底部有34的距离这是因为安全区域问题禁用安全区域就行了 2.UIT...
vue适配iphoneX底部安全区域
vue适配iphoneX底部安全区域index.html css 设置
iOS 状态栏，导航栏安全适配
适配原因：由于新出现的刘海屏，导致状态栏高度和底部安全区域的高度变得不确定了; 在 iOS 13.0 之后，UIA...
浅谈iOS导航栏布局问题
iOS 安全区域主要设计几个属性 automaticallyAdjustsScrollViewInsets，co...
hbuilderX 打包注意事项
1 、设置顶部为沉浸式，设置底部安全区域 manifest.json plus 节点配置 "statusbar" ...
iPhoneX中有关于WebView的适配问题
iOS11之后引入了安全区域的概念，对此的影响主要表现在scroview的子类安全区域适配 if (@avail...
iphoneX底部安全区域适配
要实现底部fixed按钮适配iPhoneX，单对【height】或【padding-bottom】加safe-ar...
【uniapp】兼容刘海屏底部安全区
因为iphoneX等机型最下面会有条黑色等线，导致按钮等元素被遮住部分，所以设置安全区边距会往上提，如果不是刘海屏...
MJRefresh适应iPhoneX的安全区域问题
当tableView的底部与屏幕最下部对齐时，由于scrollview自动适应安全区域，tableview的内边距...