Flutter Widget 之Actions

在探索Focus和Shortcuts小部件后，我们终于准备很好了解这最后角色 Actions小部件

之前，我们了解到Flutter如何将键盘事件路由到小部件树，从活跃的FocusNode开始，

直到Shortcuts小部件匹配键盘事件并将其转换为Intent。

首先，将Actions小部件添加到你的其中一个小部件构建方法，Actions小部件采用名为actions的重要命名参数，这是Intents和actions的映射，

Actions(actions: <Type, Action<Intent>>{},child: AccordioonSections(),
) 

最好单独定义该映射,但是当你命名后，就把它放回你的Actions小部件, 这些Action类是什么样的？

final actionsMap = {MyFirstIntent: MyFirstAction(),MySecondIntent: MySecondAction(),
};

Actions(actions: actionsMap,child: AccordionSections(),
) 

这是Action的子类并指定其匹配的Intent类，最后，有一个invoke()方法，这接受Flutter与之匹配的特定intent实例，而Flutter会为你调用，至此，你已完成Flutter的键盘快捷键系统的整合

class MyFirstAction extends Action<MyFirstIntent> {@overridevoid invoke(MyFirstIntent intent,) => doSomething();
} 

用户在实体键盘上键入按键，按键事件会向上传播小部件树，直到Shortcuts小部件将其转换为Intent，Intent则返回到活跃FocusNode，然后再向上传播到树，直到Actions小部件将其转换为Action，然后Flutter调用哪个Action的invoke()方法，来达到实际效果。

最后，你的桌面和Web用户感到很高兴，而Flutter的Focus系统则传递消息而不需要大量UI小部件与特定键盘快捷键的知识结合起来。

最后

整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。

有需要的小伙伴，可以点击文末卡片领取这份文档，无偿分享

部分文档展示：

文章篇幅有限，后面的内容就不一一展示了

有需要的小伙伴，可以点下方卡片免费领取