首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    鸿蒙Next软键盘弹出避让机制介绍

    配置键盘避让时页面的避让模式有三种,分别是上抬模式、压缩模式、不避让 接下来通过一个简单案例介绍这三种模式的使用和区别。...例如以下布局,一个顶部的Row按钮区,底部一个固定高度的按钮区,中间内容区域充满剩余部分,三种避让模式的演示如下:针对以上三种模式存在的不足:1.上抬模式,整体布局上移,软键盘挡住了底部的按钮区2.压缩模式...,当前布局变形3.不避让,软键盘弹出会挡住下面大部分区域如果使用上抬模式,我们想固定顶部的按钮区不被顶出去,我们可以给顶部按钮区设置expandSafeArea([SafeAreaType.KEYBOARD...因为压缩模式是避让了软键盘的区域,因此布局的高度被压缩了,如果高度设置的是百分比布局,整体高度压缩,自己的高度也会相应的压缩,所以,如果使用压缩模式,可以使用实际高度设置组件的高度。

    60110

    iOS 12.0 WebView键盘弹出,关闭后界面没有回收的问题

    iOS 12.0 WebView键盘弹出,关闭后界面没有回收的问题 背景 公司有人反馈,iOS 12.0的手机上,H5页面有个地方键盘弹出了,关闭之后,再次点击输入框,没有反应了,其实是界面上移了之后,...,在H5界面监听键盘弹出和收起,在收起时,对webview的scrollview做偏移处理,设置后,发现对笔者的项目来说仍旧不生效,笔者的项目同一个网页上有多个可输入的地方,且有在弹出框输入的操作。...故而再次修改: 笔者发现,有人给出参考方法,由H5端,监听键盘弹起和回收,然后进行处理,但是如果让H5处理,需要每个业务的H5都要单独处理,所以笔者就想,由原生监听键盘收起的通知,然后调用js的方法,代码如下...selector:@selector(keyboardWillHide:) name:UIKeyboardWillHideNotification object:nil]; } 然后在通知的方法中实现,调用JS...ios 微信webview在键盘关闭后,没有自动回退页面

    3.6K20

    鸿蒙开发:如何解决软键盘弹出后的间距

    虽然说解决了间距问题,但是,沉浸式之后,由于不会避让状态栏与导航栏,会出现底部的组件被遮挡的情况,也就是如下图所示:这种情况下,如果你想实现软键盘弹出后无间距,软键盘收起后,组件在底部导航栏上面,那么就需要代码上的动态设置...,两种方式,一种是监听输入框的输入状态变化,另一种是监听软键盘弹出的状态,根据不同的状态,然后给组件设置距离底部的距离即可。...监听软键盘弹出状态无非就是把输入框的输入状态切换为了软键盘的弹出状态。...0 : this.bottomRectHeight })按照正常逻辑而言,应该和上面的效果是一样的,但偏偏剑走了弯路,当软键盘弹出后输入框明显被遮挡。...我真实服了这个老六,无非就是换了一个监听方式,怎么还给了一个惊喜呢,针对这种情况,建议直接使用第一种方式,当然了,如果你仍然要用这种方式,也不是不行,软键盘弹出后,需要加上被遮挡的高度,也就是44px。

    89500

    Android笔记:软键盘弹出遮盖原来界面的布局控件

    如果加上的是 android:windowSoftInputMode="adjustPan"这样键盘就会覆盖屏幕。...windowSoftInputMode各值的含义: 【A】stateUnspecified:软键盘的状态并没有指定,系统将选择一个合适的状态或依赖于主题的设置   【B】stateUnchanged...:当这个activity出现时,软键盘将一直保持在上一个activity里的状态,无论是隐藏还是显示   【C】stateHidden:用户选择activity时,软键盘总是被隐藏   【D】stateAlwaysHidden...:当该Activity主窗口获取焦点时,软键盘也总是被隐藏的   【E】stateVisible:软键盘通常是可见的   【F】stateAlwaysVisible:用户选择activity时,软键盘总是显示的状态...:当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分

    1.9K20

    鸿蒙开发实战案例:组件随软键盘弹出避让案例

    介绍本示例介绍使用TextInput组件和LazyForEach实现组件随软键盘弹出避让场景。该场景多用于需要用户手动输入文字类应用。...效果图预览使用说明进入案例时,TextInput获焦,弹出系统键盘,点击空白地方键盘收起;点击输入框触发TextInput获焦,弹出系统键盘;点击“弹出键盘”按钮触发TextInput获焦,弹出系统键盘...;在上抬避让模式下, 键盘抬起时组件上抬,键盘收起后让组件恢复;在缩小避让模式下,键盘抬起时组件上抬并缩小,键盘收起后让组件恢复;实现思路场景一:通过设置defaultFocus属性为true,使TextInput...自动获焦,完成进入案例自动拉起键盘;场景二:TextInput组件拥有点击获焦能力,输入框使用TextInput组件即可实现点击输入框弹出系统键盘;场景三:通过使用focusControl.requestFocus...listener.onDataAdd(index); }) }// ...}TextInput组件存在默认交互逻辑,默认即为可获焦,通过defaultFocus属性设置实现TextInput组件自动获焦

    1.2K20
    领券