首页 > 开发 > iOS > 正文

weex工程在web端调试界面没问题,安装再ios上下方会多出一个白块

2017-09-08 13:45:00  来源:网友分享

问题如题

web端调试没有问题

ios安装就会出现如图白边

iPad 效果图

iPhone6 效果图

使用的是固定定位布局

.wrapper{    position: fixed;    bottom: 0;    left: 0;right: 0;    height: 90px;    padding-top: 14px;    flex-wrap: nowrap;    flex-direction: row;    justify-content: space-around;    z-index: 10;    background-color: #fafafa;    border-top-width: 1px;    border-top-color: #d9d9d9;}

不管什么尺寸的机型都有此问题,不清楚到底是为什么,
“header”和“tabbar”都是自己写的组件,不知道有没有官方提供的写法?
另外再问一个问题,ios最上方的系统信息字体怎么改变颜色?

请高手指点

解决方案

此问题实际上是算是weex的一个bug,我在源码中发现的答案(并不懂ios语言,只能靠oo思想猜测)

白边问题

weex在打包的时候会将原生的NavigationBar(高64)隐藏,但并没有把显示显示区域减去但64补回来

以下是有NavigationBar但状态(我改了下js解析源码)

self.navigationController.navigationBarHidden = NO;

原因

我想要的效果

至于你们是想保留navigationBar还是去掉白边就要看你们的需要了。

Status Bar 颜色问题

可以在下图图示文件内更改配置,如果想使用js代码进行动态设置,可以自己扩充ios插件,是否有官方API本人尚未发现,如果你有更好的方法,请下方留言,不胜感谢!