会煮咖啡的猫

V1

2022/11/22阅读:5主题:凝夜紫

Flutter 应用程序中的 Quick Actions

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://video.ducafecat.tech

分类:

移动端开发

标签:

Android

作者介绍

会煮咖啡的猫
V1

flutter node go dock