浅识Flutter 基本组件之TextField组件 textInputAction、onChange、onEditingComplete、onSubmitted、onTap属性

textInputActiononChangeonEditingCompleteonSubmittedonTap

阿大豆

4999人浏览 · 2022-03-28 21:13:14

阿大豆 · 2022-03-28 21:13:14 发布

浅识Flutter 基本组件之TextField组件 textInputAction、onChange、onEditingComplete、onSubmitted、onTap属性

textInputAction

textInputAction属性用于设置键盘上动作按钮的类型。TextInputAction是一个枚举类型，动作按钮显示样式及功能下表所示。具体使用时，还需要考虑Android和iOS平台的兼容性问题。

值	功能说明
no	键盘上return键(表示执行动作，不支持iOS平台
unspecified	由设备平台决定键盘按钮类型
done	键盘上 done键（完成或√）表示执行完成动作
go	键盘上go键（前往或→）表示执行前往动作
search	键盘上search键（搜索或）表示执行查找动作
send	键盘上send键（发送或)表示执行发送动作
next	键盘上next键（下一个或>l表示执行下一个动作
previous	键盘上previous键（前一个或<)表示执行前一个动作
continueAction	键盘上continue键（继续）表示执行继续动作，Android平台不显示键盘
route	键盘上route键（路由）表示执行路由动作，Android平台不显示键盘
emergencyCall	键盘上emergencyCall键（路由）表示执行拨打紧急电话动作，Android平台不显示键盘
newline	键盘上return键（换行或’)表示执行换行动作

onChange

onChange属性用于输入框输入文本发生变化时的回调方法，参数即为输入框中的值。

onChanged: (value){
              print(value);
            },

输入框输入什么，即打印什么。

在这里插入图片描述

onEditingComplete

onEditingComplete属性用于点击键盘的动作按钮时的回调，没有参数。

onEditingComplete: (){
              print('点击键盘');
            },

在这里插入图片描述

onSubmitted

onSubmitted属性用于点击键盘的动作按钮时的回调，参数为当前输入框中的值。

  onSubmitted: (value){
              print('点击键盘'+':'+value);
            },

在这里插入图片描述

onTap

onTap属性用于点击输入框时的回调，没有参数。

onTap: (){
              print('点击输入框');
            },

在这里插入图片描述

开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

【maaath】Flutter for OpenHarmony 跨平台弹窗提示组件的架构设计与实现

开源鸿蒙跨平台开发者社区

OpenHarmony API 9 升级到 API 10 权限与接口变更实战指南

✅升级流程步骤✅必做清单✅ 更新，将改为；✅ 所有权限绑定具体abilities数组，禁止全局声明；✅ 使用作为的上下文；✅ 申请时，需在中明确说明用途；✅ 使用类实例化方式启动定位；✅ 对每个权限申请结果进行处理，引导用户前往设置页；✅ 添加权限状态检测逻辑，避免无效调用；✅ 提供清晰的权限说明文案（reason），增强用户信任。