Flutter Widget开发之Focus组件怎么使用

发布时间:2022-12-09 09:56:24 作者:iii
来源:亿速云 阅读:158

本篇内容介绍了“Flutter Widget开发之Focus组件怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

正文

就网络和应用程序而言,键盘快捷键很重要,今天我们要谈的便是让这类快捷键得以在Flutter运作的小部件:Focus、Shortcuts和Action。

这套系统中的第一个小部件是Focus,小部件树中到处都有它的踪迹,包括按钮个文本输入在内之类的用户界面交互区块

FocusNode对象

这个小部件还包含FocusNode对象

Focus({
    FocusNode? node,
    Widget? child,
}) : node = node ?? FocusNode();

其作用是指示Flutter用户交互理应在代码中出现的位置。

整体而言。这个Focus小部件的网络及所属的FocusNode会在您的Flutter应用中构成另一名为Focus树的结构

Flutter Widget开发之Focus组件怎么使用

对此首先要知道的是节点永远被视为是作用中的,那作用中的FocusNodes有何涵义呢?

这代表实体键盘输入这类的系统特殊事件,会首先出现在Focuss小部件中,当中的FocusNode且在向顶部结构送出推播通知钱都会维持作用中的状态。

小部件树向上传送时会起到怎样的作用呢

当这些按键事件于小部件树向上传送时会起到怎样的作用呢?

这些事件会搜寻按键所对应的Shortcuts小部件并将之转为意图对象(intent),该对象起于作用中的FocusNodes并会持续朝应用程序顶部浮现。

至于Focus小部件,其实Flutter框架所属的按钮和文本输入之类的交互控件皆已包含所需的Focus小部件,不过哦有时候若您想要从头规划用户体验,可能就会想自行添加。

例如样式的折叠卡片accordion,标题应以焦点处理设为Focusable,藉此显示键盘快捷指令来切换面板的可见性。

要这样做,得使用Accordion标题小部件,并将其子级包装在Focus小部件中,这是要为accordion小部件自定义键盘快捷键的第一步

Accordion(
    children: <Widget>[
        Header(
            child: Focus(
                child: Text('Section 1'),
            ),
        ),
        Section1Body(),
    ],
)

“Flutter Widget开发之Focus组件怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

推荐阅读:
  1. Flutter中怎么利用Clipper自定义形状
  2. Flutter路由框架Fluro怎么用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

flutter widget focus

上一篇:Python数据类型转换如何实现

下一篇:windows中prodad怎么去除噪音

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》