weex list 在android手机有虚拟按钮手机底部被遮挡.

问题描述

问 题

1.问题：android list 有虚拟按键的情况下，底部会被遮挡
2.问题截图：
被遮挡：

正常：

3.list高度计算方法：
屏幕高度-状态栏高度-底部tab高度-提货标题高度-商品快递高度（100写死）
试着判断是否有虚拟按键的情况下 多减去虚拟按键的高度 也还是不行 会被遮挡

var tabHostHeight = 100.0;

             //dp2px 转换
             var self = this;
             var navBarHeight=0;
             var tabBarHeight=0;
            require('@weex-module/utilmodel').dp2px(function (ret) {
            var scale = env.scale;
            var deviceWidth = env.deviceWidth / scale;
             navBarHeight =  (750.0 / deviceWidth)*ret;
             tabBarHeight =  (750.0 / deviceWidth)*ret;
            },48);

            //状态栏高度
            require('@weex-module/utilmodel').getStatusHeight(function (ret) {
             var scale = env.scale;
            var deviceWidth = env.deviceWidth / scale;
            this.pageHeight = env.deviceHeight * 750 / env.deviceWidth - navBarHeight - tabBarHeight - tabHostHeight-ret;
            this.tableHeight = this.pageHeight;
            });

解决方案

0.11.0,源代码依赖的方式，

下面这个方法也试了还是不行。

因为Android手机的碎片化导致屏幕适配很困难。Weex对外提供的接口render需要动态传入容器的宽高，但是传入的宽高有时会发生变化，例如ActionBar隐藏等，这是传入的Weex容器也要进行对应的变化。
为了适应这种变化，Weex提供了接口WXSDKInstance.setSize(int width, int height)来改变容器的大小。

/**

• @param width 容器宽度

• @param height 容器高度
  */

public void setSize(int width, int height){};

这篇关于weex list 在android手机有虚拟按钮手机底部被遮挡.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！