起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3630|回复: 8

[结贴] iphoneX HomeIndicator如何隐藏?

[复制链接]

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
发表于 2019-4-10 10:04:59 | 显示全部楼层 |阅读模式
iphoneX 最下面有一条黑色线条 HomeIndicator,会遮盖到下方的功能按钮,不是很美观;
目前已经使用最新版本的wex5 v3.8打包了,黑色线条还是会显示;有没办法隐藏掉?

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
 楼主| 发表于 2019-4-10 11:15:47 | 显示全部楼层
Browser.js能否判断出是iPhoneX的系统,判断后自己在样式上做优化;
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35880
发表于 2019-4-10 16:48:36 | 显示全部楼层
这个应该是标准的设置,可以到网上查找看看
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
 楼主| 发表于 2019-4-11 08:52:27 | 显示全部楼层
主要是我得判断是不是iPhoneX系统,然后才好想办法去修改CSS把按钮上移;
也可以隐藏,见https://www.jianshu.com/p/5fc60e02792c,但是,这是苹果原生开发的代码实现,不太好改!
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35880
发表于 2019-4-11 16:59:24 | 显示全部楼层
/Native/templates下提供的有源码
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
 楼主| 发表于 2019-5-21 08:31:44 | 显示全部楼层
这个问题能否帮忙看看?因为,IOS不太懂;
回复 支持 反对

使用道具 举报

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
 楼主| 发表于 2019-5-24 14:20:33 | 显示全部楼层
已解决,结贴吧!
解放办法:
1)通过js判断是否是iPhoneX手机
isIphoneX: function() {
                        var isX = false;
                        if (justep.Browser.isIOS) {
                                console.log("screen: " + screen.height + ", " + screen.width);
                                if (screen.height == 812 && screen.width == 375){
                            isX = true;
                        }else{
                            isX = false;
                        return isX;
                }
2)设置css,让屏幕的top为44px,默认为20px;bottom的高度为34px,之前的bottom以及buttonGroup高度是48px,那么就是48+34=82px;

经过上面的设置,屏幕的上方下方就适配iPhoneX了,也没有必要去掉下方那根黑色的线;
回复 支持 反对

使用道具 举报

97

主题

580

帖子

1359

积分

金牌会员

Rank: 6Rank: 6

积分
1359
QQ
发表于 2019-5-27 10:41:58 | 显示全部楼层
ipan 发表于 2019-5-24 14:20
已解决,结贴吧!
解放办法:
1)通过js判断是否是iPhoneX手机

这种作法只针对X有效,遇到其他异型屏有可能还需要来单独处理的。目前不知道平台有没有把新出的各机型包括在内,单独处理不是解决问题的根本办法
还有,你这是通过屏幕分辨率来分辨的,其实在browser下还是在哪个里面是能直接查到机型这一项的,直接根据这个来做处理就行了
传说中路过
回复 支持 反对

使用道具 举报

140

主题

573

帖子

1080

积分

金牌会员

Rank: 6Rank: 6

积分
1080
QQ
 楼主| 发表于 2019-6-12 14:37:50 | 显示全部楼层
问题就是浏览器判断不出iPhoneX,只能判断ios系统;
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-3-29 19:10 , Processed in 0.062407 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表