乐趣区

关于程序员:Flutter-焦点管理-FocusScope-组件

Flutter 焦点治理 FocusScope 组件

前言

更改用户交互中的文本字段色彩。

预览

当抉择一个文本字段并承受输出时,它被称为具备“焦点”通常,用户通过点击将焦点转移到文本字段,开发人员通过应用本菜谱中形容的工具以编程形式将焦点转移到文本字段。

治理焦点是创立具备直观流程的表单的根本工具。例如,假如您有一个带有文本字段的搜寻屏幕。当用户导航到搜寻屏幕时,能够将焦点设置为搜索词的文本字段。这容许用户在屏幕可见时立刻开始键入,而无需手动点击文本字段。

注释

1. Focus Widget 组件

一个 Widget,它治理一个 FocusNode,以容许将键盘焦点赋予此 Widget 及其后辈。

https://api.flutter.dev/flutt…

  • 包裹 TextFormFieldFocus Widget

2. Builder Widget 组件

一个无状态实用工具 widget,其构建办法应用其构建器回调来创立 widget 的子级。

https://api.flutter.dev/flutt…

https://api.flutter.dev/flutt…

  • 它有两个变量。

    • FocusNode:

      可由有状态 widget 用于获取键盘焦点和解决键盘事件的对象。

    • hasFocus:

      此节点是否具备输出焦点。

  • 创立要在其中更改色彩的三元运算符。

3. FocusScope Widget 组件

FocusScope 相似于 Focus,但也作为其后辈的作用域,将焦点遍历限度为作用域控件。例如,在推送路由时会主动创立一个新的 FocusScope,以避免焦点遍历挪动到前一个路由中的控件。

  • 用 FocusScope widget 包装整个列 column (文本表单字段所在的地位)。

实现了!


如果本文对你有帮忙,请转发让更多的敌人浏览。

© 猫哥

  • 微信 ducafecat
  • https://wiki.ducafecat.tech
  • https://video.ducafecat.tech

本文由 mdnice 多平台公布

退出移动版