安安静静是女神
安安静静是女神
  • 发布:2021-02-05 15:38
  • 更新:2021-03-19 18:50
  • 阅读:240

原生plus.nativeObj.view的drawinput 键盘弹起 弹起来两个键盘的高度

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win7

HBuilderX类型: 正式

HBuilderX版本号: 3.0.7

手机系统: Android

手机系统版本号: Android 10

手机厂商: OPPO

手机机型: PACM00

页面类型: vue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
let test1 = new plus.nativeObj.View('test',  
                    {bottom:'0px',left:'0px',height:'44px',width:'100%',backgroundColor: '#FF0000'});  
                    test1.draw([  
                        {tag:'input',id:'input',inputStyles:{fonstSize:'16px'},position:{top:'0px',left:'0px',width:'100%',height:'20px'}},  
                        {tag:'font',id:'font',text:'原生控件',textStyles:{size:'18px'}}  
                        ]);  
                    test1.show();

操作步骤:

https://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.InputStyles
用的代码示例也是这样

昨天还好好的 今天一打开就成这样了

预期结果:

红色的input区域在键盘的上方 页面没有设置softinputMode 默认为adjustPan

实际结果:

input的位置是对的 因为能看到文本提示
但是红色的父级区域在两个键盘的高度上 页面上移的高度也是对的

bug描述:

原生input弹起来顶起这么高是为什么 而且实际的input的位置是对的

2021-02-05 15:38 负责人:DCloud_Android_ST 分享
已邀请:
安安静静是女神

安安静静是女神 (作者)

view.setStyle(styles);
这个方法也是 外层控件位置变了 input的位置 没有改变

安安静静是女神

安安静静是女神 (作者)

??

heshenjsyx@163.com

heshenjsyx@163.com - wu

没人理你hh

DCloud_Android_ST

DCloud_Android_ST

用HX3.1.1试下

安安静静是女神

安安静静是女神 (作者)

<template>  
    <view>  
        <button @tap="draw">创建 </button>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  
            draw() {  
                let test1 = new plus.nativeObj.View('test', {  
                    bottom: '0px',  
                    left: '0px',  
                    height: '44px',  
                    width: '100%',  
                    backgroundColor: '#FF0000'  
                });  
                test1.draw([{  
                        tag: 'input',  
                        id: 'input',  
                        inputStyles: {  
                            fonstSize: '16px'  
                        },  
                        position: {  
                            top: '0px',  
                            left: '0px',  
                            width: '100%',  
                            height: '20px'  
                        }  
                    },  
                    {  
                        tag: 'font',  
                        id: 'font',  
                        text: '原生控件',  
                        textStyles: {  
                            size: '18px'  
                        }  
                    }  
                ]);  
                test1.show();  
            }  
        }  
    }  
</script>  

<style>  

</style>  
pages.json 配置  
{  
            "path" : "pages/comp/test"  
    }
安安静静是女神

安安静静是女神 (作者)

目前用nvue页面也是一样 底部放一个input 也会弹起两个键盘的高度!!!怎么修复?

安安静静是女神

安安静静是女神 (作者)

<template>  
    <div>  
        <view>都开始合肥市科技加思考了</view>  
        <view class="inputBox">  
            <input type="text">  
        </view>  
    </div>  
</template>  

<script>  
    export default {  

    }  
</script>  

<style>  
    .inputBox{  
        position: fixed;  
        bottom: 0;  
        left: 0;  
        right: 0;  
        height: 80upx;  
        background-color: #fff;  
    }  
</style>  

nvue页面 输入框点击 效果

DCloud_Android_ST

DCloud_Android_ST

HX3.1.4版本 测试示例 未发现问题 测试机荣耀play4T android10

要回复问题请先登录注册