ReactNative内嵌WebView position: fixed属性引起的控件抖动

遇到的场景比较复杂，在ReactNative页面使用自定义的WebView组件，显示h5页面，发现靠近底部的控件不断的上下抖动，非常诡异，闪的眼睛都要瞎了。。

如图，大家感受一下

需要提一下，底部tab是原生的，上面都是RN页面，这里的h5只是我写的一个测试页面，是因为我假设是否只有靠近底部的控件才有这个问题，果不其然。。

div.top {
            position: fixed;
            right: 10px;
            bottom: 10px;
            width: 240px;
            height: 240px;
            z-index: 10;
            display: block;
            font-size: 23px;
            color: white;
            background: #aa0000;
        }

其中主要的是这个属性position: fixed这个，在网上找了好久尝试了各种属性配置都无法解决此问题，无奈最后只能回到原生代码来研究下。发现顶部的fragment使用了above属性，说不定和这个有关系，于是尝试改为layout_marginBottom，竟然神奇的解决了，猜测可能是因为h5页面在使用above时无法识别真正的底部。记录一下这个坑爹的问题，也为遇到这个问题的小伙伴提供个思路，节省你的时间，毕竟程序员的时间很是宝贵啊。