题记 —— 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天。

重要消息

flutter中网络请求dio使用分析 视频教程在这里

Flutter 从入门实践到开发一个APP之UI基础篇 视频

Flutter 从入门实践到开发一个APP之开发实战基础篇

flutter跨平台开发一点一滴分析系列文章系列文章 在这里了


在Flutter使用FocusNode来捕捉监听TextField的焦点获取与失去,同时也可通过FocusNode来使用绑定对应的TextField获取焦点与失去焦点,FocusNode的使用分四步,如下:

第一步创建FocusNode,代码如下:

//创建FocusNode对象实例

第二步初始化函数中添加焦点监听,代码如下:

/// 输入框焦点事件的捕捉与监听

第三步在TextField中引用FocusNode,代码如下:

new 

第四步在页面Widget销毁时,释放focusNode,代码如下:

//页面销毁

在项目开发中,关于focusNode的常用方法代码如下:

//获取焦点

在实际项目中的一个用户操作习惯就是当输入键盘是弹出状态时,用户点击屏幕的空白处,键盘要隐藏,处理实现思路就是在MaterialApp组件中的第一个根布局设置一上手势兼听,然后在手势兼听中处理隐藏键盘的功能,代码如下:

///6 /lib/code3/main_data85-3.dart

完毕

71ee2bf5acec0d493a2ae9d662947550.png

f6c95e2eac721a853db12eb1000c0cd7.png
Logo

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

更多推荐