Flutter 应用程序中的 Quick Actions
原文 https://medium.com/vijay-r/quick-actions-in-flutter-app-75b63acc420b
前言
在这篇文章中,我们将讨论如何添加 Quick Actions 在我们的 Flutter 应用程序,使我们的应用程序更加友好的用户。
正文
- 插件 quick_actions
https://pub.dev/packages/quick_actions
实施
QuickActions 允许用户直接从他们的设备主屏幕与应用程序交互。
首先,让我们创建一个简单的应用程序,它包含两个独立的屏幕,第一个页面屏幕和第二个页面屏幕,以及两个提升的按钮,当我们按下它们时,它们将导航到相应的第一个或第二个页面屏幕。
现在,让我们初始化 quick actions 并在其中添加 ShorcutItems,如下所示。
运行测试
如果我们现在尝试运行我们的应用程序,我们将能够看到快速的行动,只需按住应用程序图标。
加入图标
我们现在已经成功地实现了 Quick Actions 功能在我们的 Flutter 应用程序。但是,如果我们看到图像(显示在下面) ,我们会注意到尾部的图标作为一些点。默认情况下,我们得到这个点图标时,我们尝试添加 Quick Actions,而不提供我们的自定义图标图像。
因此,让我们尝试为 android 和 iOS 添加我们自定义的图标图像。
Something 对于 android,我们需要在 android/app/src/main/res/drawable
文件夹中添加图标图像。
➡️ 对于 iOS,我们需要在 Xcode 中打开项目,只需右键单击项目目录中的 ios 文件夹即可。
然后,我们需要在 Runner/Runner/Assets/
(如下所示)中添加图标图像
现在尝试卸载应用程序,并重新安装它,以可视化的变化。
就是这样,这就是我们如何将快速动作 integrate 到 Flutter 应用程序中的方法
代码
https://github.com/vijayinyoutube/quick_action_app
结束语
如果本文对你有帮助,请转发让更多的朋友阅读。
也许这个操作只要你 3 秒钟,对我来说是一个激励,感谢。
祝你有一个美好的一天~
© 猫哥
微信 ducafecat
https://wiki.ducafecat.tech
https://ducafecat.com