weex的元素定位fixed类型，bottom为0时，ios实际不为0

Question

在weex实践tabbar的时候，tabbar是通过position：fixed来定位的。代码如下：

  .tabbar {
    flex-direction: row;
    position: absolute;
    width: 750;
    height: 88;
    left: 0;
    right: 0;
    bottom:0;
  }

执行这段代码以后，在ios设备上，实际上他并不显示在bottom为0的位置 。
请看截图，请问如何解决。

在最高层级的div加了style，全部代码如下：

<template>
  <div style="background-color:red;position:absolute;top:0;bottom:0;left:0;right:0;">
    <tabnav></tabnav>
  </div>
</template>

<style>

</style>

<script>
  export default {
    data: {
    },
    methods: {
    },
    components:{
      tabnav: require("./components/tabbar.vue")
    }
  }
</script>

执行结果如下：

Answer 1

可以给最外层的容器设置背景颜色，查看是否容器整体的高度就是到那里。

Answer 2

如果不能确定问题，就去使用debug模式，在浏览器中查看一个dom结构，以及dom的大小，这样比较容易找清楚问题

Answer 3

• (void)viewDidLayoutSubviews
  {

  _weexHeight = self.view.frame.size.height;

  }

修改下 native 容器的高度

Answer 4

修复方法

platforms/ios/WeexDemo/WeexScanner/WXDemoViewController.m

_weexHeight = self.view.frame.size.height - 64;
修改为
_weexHeight = self.view.frame.size.height - 20;

_instance.frame = CGRectMake(self.view.frame.size.width-width, 0, width, _weexHeight);
修改为
_instance.frame = CGRectMake(self.view.frame.size.width-width, 20, width, _weexHeight);

参考 weex iOS app 编译之后 tabbar 没有贴着底部