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

zwwill_木羽
  • 6.3k

问题如题

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最上方的系统信息字体怎么改变颜色?

clipboard.png

请高手指点

回复
阅读 3.1k
5 个回答

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

白边问题

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

clipboard.png

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

self.navigationController.navigationBarHidden = NO;

clipboard.png

原因

clipboard.png

我想要的效果

clipboard.png

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

Status Bar 颜色问题

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

上面的22是iOS自留的,用于显示时间、电量等信息,下面估计就是你固定布局出问题了

使用调试模式,看看布局的问题,换种写法。可能是语法的兼容性问题。

现在是怎么解决的?

lilin666
  • 3
新手上路,请多包涵

@白龙子 我是这么解决的
_instance.frame = CGRectMake(safeArea.left,0, self.view.frame.size.width-safeArea.left-safeArea.right, _weexHeight-safeArea.bottom);

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏