前言更改用户交互中的文本字段颜色 。
预览
文章插图
当选择一个文本字段并接受输入时,它被称为具有“焦点”通常,用户通过点击将焦点转移到文本字段,开发人员通过使用本菜谱中描述的工具以编程方式将焦点转移到文本字段 。
管理焦点是创建具有直观流程的表单的基本工具 。例如,假设您有一个带有文本字段的搜索屏幕 。当用户导航到搜索屏幕时,可以将焦点设置为搜索词的文本字段 。这允许用户在屏幕可见时立即开始键入,而无需手动点击文本字段 。
正文1. Focus Widget 组件一个 Widget ,它管理一个 FocusNode,以允许将键盘焦点赋予此 Widget 及其后代 。
api.flutter.dev/flutter/wid…
- 包裹 TextFormField 与 Focus Widget
文章插图
2. Builder Widget 组件一个无状态实用工具 widget ,其构建方法使用其构建器回调来创建 widget 的子级 。
api.flutter.dev/flutter/wid…
api.flutter.dev/flutter/wid…
- 它有两个变量 。
- FocusNode:
- 可由有状态 widget 用于获取键盘焦点和处理键盘事件的对象 。
- hasFocus:
- 此节点是否具有输入焦点 。
文章插图
- 创建要在其中更改颜色的三元运算符 。
文章插图
3. FocusScope Widget 组件FocusScope 类似于 Focus,但也作为其后代的作用域,将焦点遍历限制为作用域控件 。例如,在推送路由时会自动创建一个新的 FocusScope,以防止焦点遍历移动到前一个路由中的控件 。
- 用 FocusScope widget 包装整个列 column (文本表单字段所在的位置) 。
文章插图
完成了!
作者:会煮咖啡的猫
链接:
https://juejin.cn/post/7160869996422905893
来源:稀土掘金
【Flutter 焦点管理 FocusScope 组件】
推荐阅读
- 物业管理主要负责什么?
- 人力资源管理|人力资源管理师为什么这么多人报考?
- |你知道吗,成为一名合格的管理者,你需要具备这几点
- 移栽小白菜的方法和步骤,白菜移栽后怎样管理-
- 成为一名优秀的管理者应该怎么做
- 大象|“情绪管理”是职场人的必修课,高手都能熟练掌握这几个要点
- 项目管理过程的五个阶段是什么?
- 公司值班管理规定! 值班制度!
- 英国诺丁汉大学教育领导与管理专业申请要求和排名解析
- 英国谢菲尔德大学人力资源管理专业全面解析